<!DOCTYPE html>
<!-- saved from url=(0029)http://uc.zhuzi.me/#/template -->
<html lang="zh_cn" class="member ng-scope oHidden" ng-class="$root.htmlClass" ng-app="zhuzi-ucenter"
      ng-controller="appController" style="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">@charset "UTF-8";
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
        display: none !important;
    }

    ng\:form {
        display: block;
    }

    .ng-animate-shim {
        visibility: hidden;
    }

    .ng-anchor {
        position: absolute;
    }</style>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title ng-bind="title?title+&#39; - 网站管理中心&#39;:&#39;&#39;" class="ng-binding">模板列表-网站管理中心</title>
    <meta name="keywords" content="H5页面制作工具、响应式网站、傻瓜式自助建站系统、企业建站、个人官网建设、免费企业建站、网站建设、自助建站、免费网站">
    <meta name="description"
          content="全新的H5响应式建站系统，可视化操作让您不懂代码也能快速创建漂亮的专业级官网，无论是企业建站还是移动建站我们都提供免费的独立域名、免费托管等网站建设一站式综合服务。">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>.spinner {
        width: 140px;
        height: 70px;
        text-align: center;
        font-size: 13px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -35px 0 0 -70px
    }

    .sk-cube-grid {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px
    }

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #eee;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    @-webkit-keyframes sk-cubeGridScaleDelay {
        0%, 100%, 70% {
            -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1)
        }
        35% {
            -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1)
        }
    }

    @keyframes sk-cubeGridScaleDelay {
        0%, 100%, 70% {
            -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1)
        }
        35% {
            -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1)
        }
    }</style>
    <script src="./建筑_files/8a589e8e.js" charset="utf-8"></script>
    <script>
        (function () {
            if (window.top !== window.self) {
                window.top.location = window.location;
            }
        })();

        // IE浏览器进行跳转
        (function () {
            function getBrowser(getVersion) {
                var ua_str = navigator.userAgent.toLowerCase(), ie_Tridents, trident, match_str, ie_aer_rv, browser_chi_Type;

                if ("ActiveXObject" in self) {
                    ie_aer_rv = (match_str = ua_str.match(/msie ([\d.]+)/)) ? match_str[1] :
                            (match_str = ua_str.match(/rv:([\d.]+)/)) ? match_str[1] : 0;

                    // ie: Indicate the really version of current IE browser.
                    ie_Tridents = {"trident/7.0": 11, "trident/6.0": 10, "trident/5.0": 9, "trident/4.0": 8};
                    trident = (match_str = ua_str.match(/(trident\/[\d.]+|edge\/[\d.]+)/)) ? match_str[1] : undefined;
                    browser_chi_Type = (ie_Tridents[trident] || ie_aer_rv) > 0 ? "ie" : undefined;
                } else {
                    browser_chi_Type = (match_str = ua_str.match(/edge\/([\d.]+)/)) ? "ie" :
                        //判断firefox 浏览器
                            (match_str = ua_str.match(/firefox\/([\d.]+)/)) ? "firefox" :
                                //判断chrome 浏览器
                                    (match_str = ua_str.match(/chrome\/([\d.]+)/)) ? "chrome" :
                                        //判断opera 浏览器
                                            (match_str = ua_str.match(/opera.([\d.]+)/)) ? "opera" :
                                                //判断safari 浏览器
                                                    (match_str = ua_str.match(/version\/([\d.]+).*safari/)) ? "safari" : undefined;
                }
                var verNum, verStr;
                verNum = trident && ie_Tridents[trident] ? ie_Tridents[trident] : match_str[1];
                verStr = (getVersion != undefined) ? browser_chi_Type + "/" + verNum : browser_chi_Type;
                return verStr;
            }

            if (getBrowser() == 'ie') {
                location.href = "/ie";
            }
        })()
    </script>
    <link rel="stylesheet" href="./建筑_files/saved_resource">
    <link rel="stylesheet" href="./建筑_files/saved_resource(1)">
    <link rel="stylesheet" href="./建筑_files/appGreen.css">
    <script type="text/javascript" src="./建筑_files/gt.js"></script>
    <script type="text/javascript" src="./建筑_files/bundle.js"></script>
    <script type="text/javascript" src="./建筑_files/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="./建筑_files/app.js"></script>
    <style type="text/css">.biu-instance {
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        background-color: #fff;
        padding: 10px 0;
        border-bottom: 1px solid #e2e2e2;
        z-index: 1;
        animation-name: biu-down;
        animation-duration: .3s;
        font-size: 1rem;
        transform: translateY(-100%);
        transition: transform .3s ease
    }

    .biu-instance.biu-pop {
        width: 400px;
        max-width: 80%;
        left: 50%;
        right: none;
        transform: translateX(-50%) translateY(-110%);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
        border-bottom: none;
        border-radius: 0 0 2px 2px
    }

    .biu-main {
        padding: 0 40px 0 20px;
        word-wrap: break-word
    }

    .biu-close {
        float: right;
        cursor: pointer;
        width: 20px;
        margin-right: 10px;
        border-radius: 2px;
        text-align: center
    }

    .biu-shown {
        transform: translateY(0)
    }

    .biu-shown.biu-pop {
        transform: translateX(-50%) translateY(0)
    }

    .biu-info, .biu-success, biu-warning {
        color: #fff
    }

    .biu-default {
        color: #333;
        background-color: #fff;
        border-color: #e2e2e2
    }

    .biu-default .biu-close:hover {
        background-color: #e2e2e2
    }

    .biu-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .biu-success .biu-close:hover {
        background-color: #d6e9c6
    }

    .biu-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .biu-info .biu-close:hover {
        background-color: #bce8f1
    }

    .biu-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .biu-warning .biu-close:hover {
        background-color: #faebcc
    }

    .biu-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .biu-danger .biu-close:hover {
        background-color: #ebccd1
    }</style>
    <style type="text/css">.do-color-group {
        border-radius: 100%;
        height: 22px;
        width: 22px;
        border: 1px solid #ccc;
        cursor: pointer
    }

    .do-color-list {
        display: none;
        position: absolute;
        top: 32px;
        z-index: 9;
        background-color: #f5f5f5;
        width: 250px;
        padding: 6px;
        border: 1px solid #ccc
    }

    .do-color-list ul {
        overflow: hidden;
        padding: 0;
        margin: 0
    }

    .do-color-list li {
        float: left;
        width: 12%;
        position: relative;
        padding: 1px !important
    }

    .do-color-list li > div {
        padding-top: 100%
    }</style>
    <style type="text/css">/*!
 * Cropper v0.1.0
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2015-09-25T09:19:58.017Z
 */
    .cropper-container {
        position: relative;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        direction: ltr !important;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    .cropper-container img {
        display: block;
        width: 100%;
        min-width: 0 !important;
        max-width: none !important;
        height: 100%;
        min-height: 0 !important;
        max-height: none !important;
        image-orientation: 0deg !important
    }

    .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .cropper-drag-box {
        background-color: #fff;
        filter: alpha(opacity=0);
        opacity: 0
    }

    .cropper-modal {
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: .5
    }

    .cropper-view-box {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 1px solid #39f;
        outline-color: rgba(51, 153, 255, .75)
    }

    .cropper-dashed {
        position: absolute;
        display: block;
        filter: alpha(opacity=50);
        border: 0 dashed #eee;
        opacity: .5
    }

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        left: 0;
        width: 100%;
        height: 33.33333%;
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    .cropper-dashed.dashed-v {
        top: 0;
        left: 33.33333%;
        width: 33.33333%;
        height: 100%;
        border-right-width: 1px;
        border-left-width: 1px
    }

    .cropper-center {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        filter: alpha(opacity=75);
        opacity: .75
    }

    .cropper-center:after, .cropper-center:before {
        position: absolute;
        display: block;
        content: " ";
        background-color: #eee
    }

    .cropper-center:before {
        top: 0;
        left: -3px;
        width: 7px;
        height: 1px
    }

    .cropper-center:after {
        top: -3px;
        left: 0;
        width: 1px;
        height: 7px
    }

    .cropper-face, .cropper-line, .cropper-point {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=10);
        opacity: .1
    }

    .cropper-face {
        top: 0;
        left: 0;
        background-color: #fff
    }

    .cropper-line {
        background-color: #39f
    }

    .cropper-line.line-e {
        top: 0;
        right: -3px;
        width: 5px;
        cursor: e-resize
    }

    .cropper-line.line-n {
        top: -3px;
        left: 0;
        height: 5px;
        cursor: n-resize
    }

    .cropper-line.line-w {
        top: 0;
        left: -3px;
        width: 5px;
        cursor: w-resize
    }

    .cropper-line.line-s {
        bottom: -3px;
        left: 0;
        height: 5px;
        cursor: s-resize
    }

    .cropper-point {
        width: 5px;
        height: 5px;
        background-color: #39f;
        filter: alpha(opacity=75);
        opacity: .75
    }

    .cropper-point.point-e {
        top: 50%;
        right: -3px;
        margin-top: -3px;
        cursor: e-resize
    }

    .cropper-point.point-n {
        top: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: n-resize
    }

    .cropper-point.point-w {
        top: 50%;
        left: -3px;
        margin-top: -3px;
        cursor: w-resize
    }

    .cropper-point.point-s {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: s-resize
    }

    .cropper-point.point-ne {
        top: -3px;
        right: -3px;
        cursor: ne-resize
    }

    .cropper-point.point-nw {
        top: -3px;
        left: -3px;
        cursor: nw-resize
    }

    .cropper-point.point-sw {
        bottom: -3px;
        left: -3px;
        cursor: sw-resize
    }

    .cropper-point.point-se {
        right: -3px;
        bottom: -3px;
        width: 20px;
        height: 20px;
        cursor: se-resize;
        filter: alpha(opacity=100);
        opacity: 1
    }

    .cropper-point.point-se:before {
        position: absolute;
        right: -50%;
        bottom: -50%;
        display: block;
        width: 200%;
        height: 200%;
        content: " ";
        background-color: #39f;
        filter: alpha(opacity=0);
        opacity: 0
    }

    @media (min-width: 768px) {
        .cropper-point.point-se {
            width: 15px;
            height: 15px
        }
    }

    @media (min-width: 992px) {
        .cropper-point.point-se {
            width: 10px;
            height: 10px
        }
    }

    @media (min-width: 1200px) {
        .cropper-point.point-se {
            width: 5px;
            height: 5px;
            filter: alpha(opacity=75);
            opacity: .75
        }
    }

    .cropper-bg {
        background-image: url("")
    }

    .cropper-invisible {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .cropper-hide {
        position: absolute;
        display: block;
        width: 0;
        height: 0
    }

    .cropper-hidden {
        display: none !important
    }

    .cropper-move {
        cursor: move
    }

    .cropper-crop {
        cursor: crosshair
    }

    .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
        cursor: not-allowed
    }</style>
    <style type="text/css">/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.8 - 2017-04-18T05:43:43.881Z
 * License: MIT
 */
    .ui-select-highlight {
        font-weight: 700
    }

    .ui-select-offscreen {
        clip: rect(0 0 0 0) !important;
        width: 1px !important;
        height: 1px !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        outline: 0 !important;
        left: 0 !important;
        top: 0 !important
    }

    .selectize-control.single > .selectize-input > input, .selectize-control > .selectize-dropdown {
        width: 100%
    }

    .ui-select-choices-row:hover {
        background-color: #f5f5f5
    }

    .ng-dirty.ng-invalid > a.select2-choice {
        border-color: #d44950
    }

    .select2-result-single {
        padding-left: 0
    }

    .select2-locked > .select2-search-choice-close, .select-locked > .ui-select-match-close {
        display: none
    }

    body > .select2-container.open {
        z-index: 9999
    }

    .ui-select-container.select2.direction-up .ui-select-match, .ui-select-container[theme=select2].direction-up .ui-select-match {
        border-radius: 0 0 4px 4px
    }

    .ui-select-container.select2.direction-up .ui-select-dropdown, .ui-select-container[theme=select2].direction-up .ui-select-dropdown {
        border-radius: 4px 4px 0 0;
        border-top-width: 1px;
        border-top-style: solid;
        box-shadow: 0 -4px 8px rgba(0, 0, 0, .25);
        margin-top: -4px
    }

    .ui-select-container.select2.direction-up .ui-select-dropdown .select2-search, .ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search {
        margin-top: 4px
    }

    .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match, .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match {
        border-bottom-color: #5897fb
    }

    .ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden, .ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden input {
        opacity: 0;
        height: 0;
        min-height: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    .selectize-input.selectize-focus {
        border-color: #007fbb !important
    }

    .selectize-control.multi > .selectize-input > input {
        margin: 0 !important
    }

    .ng-dirty.ng-invalid > div.selectize-input {
        border-color: #d44950
    }

    .ui-select-container[theme=selectize].direction-up .ui-select-dropdown {
        box-shadow: 0 -4px 8px rgba(0, 0, 0, .25);
        margin-top: -2px
    }

    .ui-select-container[theme=selectize] input.ui-select-search-hidden {
        opacity: 0;
        height: 0;
        min-height: 0;
        padding: 0;
        margin: 0;
        border: 0;
        width: 0
    }

    .btn-default-focus {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
        text-decoration: none;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .ui-select-bootstrap .ui-select-toggle {
        position: relative
    }

    .ui-select-bootstrap .ui-select-toggle > .caret {
        position: absolute;
        height: 10px;
        top: 50%;
        right: 10px;
        margin-top: -2px
    }

    .input-group > .ui-select-bootstrap.dropdown {
        position: static
    }

    .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
        border-radius: 4px 0 0 4px
    }

    .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
        border-radius: 4px 0 0 4px !important
    }

    .ui-select-bootstrap .ui-select-search-hidden {
        opacity: 0;
        height: 0;
        min-height: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    .ui-select-bootstrap > .ui-select-match > .btn {
        text-align: left !important
    }

    .ui-select-bootstrap > .ui-select-match > .caret {
        position: absolute;
        top: 45%;
        right: 15px
    }

    .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
        width: 100%;
        height: auto;
        max-height: 200px;
        overflow-x: hidden;
        margin-top: -1px
    }

    body > .ui-select-bootstrap.open {
        z-index: 1000
    }

    .ui-select-multiple.ui-select-bootstrap {
        height: auto;
        padding: 3px 3px 0
    }

    .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
        background-color: transparent !important;
        border: none;
        outline: 0;
        height: 1.666666em;
        margin-bottom: 3px
    }

    .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
        font-size: 1.6em;
        line-height: .75
    }

    .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
        outline: 0;
        margin: 0 3px 3px 0
    }

    .ui-select-multiple .ui-select-match-item {
        position: relative
    }

    .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
        pointer-events: none
    }

    .ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
        content: "";
        position: absolute;
        top: 0;
        right: 100%;
        height: 100%;
        margin-right: 2px;
        border-left: 1px solid #428bca
    }

    .ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        height: 100%;
        margin-left: 2px;
        border-right: 1px solid #428bca
    }

    .ui-select-bootstrap .ui-select-choices-row > span {
        cursor: pointer;
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

    .ui-select-bootstrap .ui-select-choices-row > span:focus, .ui-select-bootstrap .ui-select-choices-row > span:hover {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5
    }

    .ui-select-bootstrap .ui-select-choices-row.active > span {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca
    }

    .ui-select-bootstrap .ui-select-choices-row.active.disabled > span, .ui-select-bootstrap .ui-select-choices-row.disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

    .ui-select-match.ng-hide-add, .ui-select-search.ng-hide-add {
        display: none !important
    }

    .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
        border-color: #d44950
    }

    .ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown {
        box-shadow: 0 -4px 8px rgba(0, 0, 0, .25)
    }

    .ui-select-bootstrap .ui-select-match-text {
        width: 100%;
        padding-right: 1em
    }

    .ui-select-bootstrap .ui-select-match-text span {
        display: inline-block;
        width: 100%;
        overflow: hidden
    }

    .ui-select-bootstrap .ui-select-toggle > a.btn {
        position: absolute;
        height: 10px;
        right: 10px;
        margin-top: -2px
    }

    .ui-select-refreshing.glyphicon {
        position: absolute;
        right: 0;
        padding: 8px 27px
    }

    @-webkit-keyframes ui-select-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        to {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    }

    @keyframes ui-select-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        to {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    }

    .ui-select-spin {
        -webkit-animation: ui-select-spin 2s infinite linear;
        animation: ui-select-spin 2s infinite linear
    }

    .ui-select-refreshing.ng-animate {
        -webkit-animation: none 0s
    }</style>
    <script type="text/javascript" src="./建筑_files/hm.js"></script>
    <link rel="stylesheet" type="text/css" href="./建筑_files/template.css">
    <style type="text/css">.daodream-reset a, .daodream-reset abbr, .daodream-reset acronym, .daodream-reset address, .daodream-reset applet, .daodream-reset article, .daodream-reset aside, .daodream-reset audio, .daodream-reset b, .daodream-reset big, .daodream-reset blockquote, .daodream-reset button, .daodream-reset canvas, .daodream-reset caption, .daodream-reset center, .daodream-reset cite, .daodream-reset code, .daodream-reset dd, .daodream-reset del, .daodream-reset details, .daodream-reset dfn, .daodream-reset div, .daodream-reset div.form, .daodream-reset dl, .daodream-reset dt, .daodream-reset em, .daodream-reset fieldset, .daodream-reset figcaption, .daodream-reset figure, .daodream-reset footer, .daodream-reset form, .daodream-reset h1, .daodream-reset h2, .daodream-reset h3, .daodream-reset h4, .daodream-reset h5, .daodream-reset h6, .daodream-reset header, .daodream-reset hgroup, .daodream-reset i, .daodream-reset iframe, .daodream-reset img, .daodream-reset input, .daodream-reset input[type], .daodream-reset ins, .daodream-reset kbd, .daodream-reset label, .daodream-reset legend, .daodream-reset li, .daodream-reset mark, .daodream-reset menu, .daodream-reset nav, .daodream-reset object, .daodream-reset ol, .daodream-reset p, .daodream-reset pre, .daodream-reset q, .daodream-reset s, .daodream-reset samp, .daodream-reset section, .daodream-reset small, .daodream-reset span, .daodream-reset strike, .daodream-reset strong, .daodream-reset sub, .daodream-reset summary, .daodream-reset sup, .daodream-reset table, .daodream-reset tbody, .daodream-reset td, .daodream-reset textarea, .daodream-reset tfoot, .daodream-reset th, .daodream-reset thead, .daodream-reset time, .daodream-reset tr, .daodream-reset tt, .daodream-reset u, .daodream-reset ul, .daodream-reset var, .daodream-reset video {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: auto;
        display: inline;
        float: none;
        width: auto;
        min-width: 0;
        max-width: none;
        height: auto;
        min-height: 0;
        max-height: none;
        box-sizing: content-box;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        clear: none;
        font: normal normal 100% Helvetica Neue, Helvetica, Arial, sans-serif;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        font-size-adjust: none;
        font-stretch: normal;
        hyphens: manual;
        line-height: inherit;
        color: inherit;
        text-align: left;
        text-align: start;
        text-align-last: auto;
        text-emphasis: none;
        text-decoration: none;
        text-indent: 0;
        text-justify: auto;
        text-outline: none;
        text-shadow: none;
        text-transform: none;
        text-wrap: normal;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        vertical-align: baseline;
        list-style: disc outside none;
        cursor: auto;
        table-layout: auto;
        empty-cells: show;
        caption-side: top;
        content: normal;
        quotes: none;
        counter-reset: none;
        counter-increment: none;
        resize: none;
        nav-index: auto;
        nav-up: auto;
        nav-right: auto;
        nav-down: auto;
        nav-left: auto;
        background: none 0 0 auto repeat scroll padding-box transparent;
        background-color: transparent;
        background-image: none;
        border: 0 none transparent;
        border-radius: 0;
        outline: medium none invert;
        outline-offset: 0;
        box-shadow: none;
        opacity: 1;
        transition: all 0 ease 0;
        transform: none;
        transform-origin: 50% 50% 0;
        animation: none 0 ease 0 1 normal;
        animation-play-state: running;
        box-decoration-break: slice;
        -webkit-text-emphasis: none;
        text-height: auto;
        alignment-adjust: auto;
        alignment-baseline: baseline;
        appearance: normal;
        azimuth: center;
        backface-visibility: visible;
        baseline-shift: baseline;
        binding: none;
        bleed: 6pt;
        bookmark-label: content();
        bookmark-level: none;
        bookmark-state: open;
        bookmark-target: none;
        box-align: stretch;
        -webkit-box-decoration-break: slice;
        box-direction: normal;
        box-flex: .0;
        box-flex-group: 1;
        box-lines: single;
        box-ordinal-group: 1;
        box-orient: inline-axis;
        box-pack: start;
        break-after: auto;
        break-before: auto;
        -webkit-column-break-inside: auto;
        break-inside: auto;
        color-profile: auto;
        column-count: auto;
        column-fill: balance;
        column-gap: normal;
        column-rule: medium medium #1f1f1f;
        column-span: 1;
        column-width: auto;
        columns: auto auto;
        crop: auto;
        direction: ltr;
        dominant-baseline: auto;
        drop-initial-after-adjust: text-after-edge;
        drop-initial-after-align: baseline;
        drop-initial-before-adjust: text-before-edge;
        drop-initial-before-align: caps-height;
        drop-initial-size: auto;
        drop-initial-value: initial;
        elevation: level;
        fit: fill;
        fit-position: 0 0;
        float-offset: 0 0;
        grid-columns: none;
        grid-rows: none;
        hanging-punctuation: none;
        hyphenate-after: auto;
        hyphenate-before: auto;
        hyphenate-character: auto;
        hyphenate-lines: no-limit;
        hyphenate-resource: none;
        -ms-hyphens: manual;
        icon: auto;
        image-orientation: auto;
        image-rendering: auto;
        image-resolution: normal;
        inline-box-align: last;
        line-stacking: inline-line-height exclude-ruby consider-shifts;
        marks: none;
        marquee-direction: forward;
        marquee-loop: 1;
        marquee-play-count: 1;
        marquee-speed: normal;
        marquee-style: scroll;
        move-to: normal;
        orphans: 2;
        overflow-style: auto;
        page: auto;
        page-break-after: auto;
        page-break-before: auto;
        page-break-inside: auto;
        page-policy: start;
        perspective: none;
        perspective-origin: 50% 50%;
        presentation-level: 0;
        punctuation-trim: none;
        rendering-intent: auto;
        rotation: 0;
        rotation-point: 50% 50%;
        ruby-align: auto;
        ruby-overhang: none;
        ruby-position: before;
        ruby-span: none;
        size: auto;
        string-set: none;
        transform-style: flat;
        unicode-bidi: normal;
        white-space-collapse: collapse;
        widows: 2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .daodream-reset address, .daodream-reset article, .daodream-reset aside, .daodream-reset blockquote, .daodream-reset canvas, .daodream-reset center, .daodream-reset dd, .daodream-reset details, .daodream-reset dir, .daodream-reset div, .daodream-reset div.form, .daodream-reset dl, .daodream-reset dt, .daodream-reset fieldset, .daodream-reset figcaption, .daodream-reset figure, .daodream-reset footer, .daodream-reset form, .daodream-reset frame, .daodream-reset frameset, .daodream-reset h1, .daodream-reset h2, .daodream-reset h3, .daodream-reset h4, .daodream-reset h5, .daodream-reset h6, .daodream-reset header, .daodream-reset hgroup, .daodream-reset hr, .daodream-reset menu, .daodream-reset nav, .daodream-reset noframes, .daodream-reset ol, .daodream-reset p, .daodream-reset pre, .daodream-reset section, .daodream-reset summary, .daodream-reset ul {
        display: block
    }

    .daodream-reset li {
        display: list-item
    }

    .daodream-reset table {
        display: table
    }

    .daodream-reset tr {
        display: table-row
    }

    .daodream-reset thead {
        display: table-header-group
    }

    .daodream-reset tbody {
        display: table-row-group
    }

    .daodream-reset tfoot {
        display: table-footer-group
    }

    .daodream-reset col {
        display: table-column
    }

    .daodream-reset colgroup {
        display: table-column-group
    }

    .daodream-reset td, .daodream-reset th {
        display: table-cell
    }

    .daodream-reset caption {
        display: table-caption
    }

    .daodream-reset input, .daodream-reset select {
        display: inline-block
    }

    .daodream-reset b, .daodream-reset strong {
        font-weight: 700
    }

    .daodream-reset b > em, .daodream-reset b > i, .daodream-reset em > b, .daodream-reset em > strong, .daodream-reset i > b, .daodream-reset i > strong, .daodream-reset strong > em, .daodream-reset strong > i {
        font-style: italic;
        font-weight: 700
    }

    .daodream-reset input, .daodream-reset textarea {
        cursor: text
    }

    .daodream-reset input::-webkit-input-placeholder, .daodream-reset textarea::-webkit-input-placeholder {
        font: normal normal 100% Helvetica Neue, Helvetica, Arial, sans-serif;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        font-size-adjust: none;
        font-stretch: normal;
        color: inherit;
        text-align: left;
        text-align-last: auto;
        text-emphasis: none;
        text-decoration: none;
        text-indent: 0;
        text-justify: auto;
        text-outline: none;
        text-shadow: none;
        text-transform: none;
        text-wrap: normal;
        letter-spacing: normal;
        background-color: inherit;
        -webkit-text-emphasis: none;
        text-height: auto
    }

    .daodream-reset input::-moz-placeholder, .daodream-reset textarea::-moz-placeholder {
        font: normal normal 100% Helvetica Neue, Helvetica, Arial, sans-serif;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        font-size-adjust: none;
        font-stretch: normal;
        color: inherit;
        text-align: left;
        text-align-last: auto;
        text-emphasis: none;
        text-decoration: none;
        text-indent: 0;
        text-justify: auto;
        text-outline: none;
        text-shadow: none;
        text-transform: none;
        text-wrap: normal;
        letter-spacing: normal;
        background-color: inherit;
        text-height: auto
    }

    .daodream-reset input:-ms-input-placeholder, .daodream-reset textarea:-ms-input-placeholder {
        font: normal normal 100% Helvetica Neue, Helvetica, Arial, sans-serif;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        font-size-adjust: none;
        font-stretch: normal;
        color: inherit;
        text-align: left;
        text-align-last: auto;
        text-emphasis: none;
        text-decoration: none;
        text-indent: 0;
        text-justify: auto;
        text-outline: none;
        text-shadow: none;
        text-transform: none;
        text-wrap: normal;
        letter-spacing: normal;
        background-color: inherit;
        text-height: auto
    }

    .daodream-reset input::selection, .daodream-reset textarea::selection {
        background-color: #b3d4fc
    }

    .daodream-reset input::-moz-selection, .daodream-reset textarea::-moz-selection {
        background-color: #b3d4fc
    }

    .daodream-reset input[type=checkbox], .daodream-reset input[type=radio] {
        cursor: default
    }

    .daodream-reset a, .daodream-reset a *, .daodream-reset a span, .daodream-reset button, .daodream-reset button *, .daodream-reset button span, .daodream-reset input[type=reset], .daodream-reset input[type=submit] {
        pointer-events: all;
        cursor: pointer
    }

    .daodream-reset a:active, .daodream-reset a:hover, .daodream-reset a:link, .daodream-reset a:visited {
        color: inherit;
        text-shadow: none;
        background: transparent
    }

    .daodream-reset button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .daodream-reset iframe {
        max-width: 100%
    }

    #daodream-container .daodream-composer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483601;
        max-width: 620px;
        padding: 8px;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .08)
    }

    #daodream-container .daodream-composer.daodream-composer-inactive {
        display: none
    }

    #daodream-container .daodream-powered-by-enabled .daodream-composer {
        padding: 8px 8px 0
    }

    #daodream-container .daodream-composer-action-button {
        position: relative;
        top: 7px;
        z-index: 2147483001;
        display: none;
        float: right;
        width: 15px;
        height: 15px;
        padding: 5px;
        margin: 0 2px 0 0;
        cursor: pointer;
        background-position: 50%;
        opacity: .4
    }

    #daodream-container .daodream-composer-upload-error {
        display: none;
        padding-bottom: 10px;
        font-size: 13px;
        color: #c00;
        text-align: center
    }

    #daodream-container .daodream-composer-textarea-container {
        min-height: 32px
    }

    #daodream-container .daodream-composer-disabled .daodream-composer-textarea-container {
        opacity: .5
    }

    #daodream-container .daodream-composer-textarea {
        position: relative;
        overflow: hidden
    }

    #daodream-container .daodream-composer-textarea pre, #daodream-container .daodream-composer-textarea textarea {
        width: 100%;
        height: 100%;
        min-height: 30px;
        max-height: 150px;
        box-sizing: border-box;
        padding: 10px 80px 10px 10px;
        font-size: 15px;
        line-height: 20px;
        border: 0;
        border-radius: 4px
    }

    #daodream-container .daodream-composer-textarea textarea {
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 400;
        color: #455a64;
        resize: none;
        background: #fff;
        border: none
    }

    #daodream-container .daodream-composer-textarea textarea::-webkit-input-placeholder {
        font-size: 15px;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 20px;
        color: #b0bec5
    }

    #daodream-container .daodream-composer-textarea textarea::-moz-placeholder {
        font-size: 15px;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 20px;
        color: #b0bec5
    }

    #daodream-container .daodream-composer-textarea textarea:-ms-input-placeholder {
        font-size: 15px;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 20px;
        color: #b0bec5
    }

    #daodream-container .daodream-composer-textarea pre > span, #daodream-container .daodream-composer-textarea textarea {
        word-wrap: break-word;
        white-space: pre-wrap
    }

    #daodream-container .daodream-composer-textarea pre {
        margin: 0
    }

    #daodream-container .daodream-composer-textarea pre > span {
        visibility: hidden
    }

    #daodream-container .daodream-composer-textarea.daodream-composer-focused {
        border-color: #b0bec5
    }

    #daodream-container .daodream-composer-send-button {
        display: none;
        float: right;
        height: 30px;
        padding: 0 9px;
        margin-left: 8px;
        margin-top: 4px;
        font-size: 13px;
        font-size: 14px;
        line-height: 25px;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(67, 74, 84, .3);
        background: #257efa;
        background-image: linear-gradient(180deg, #257efa, #257efa);
        border-radius: 3px;
        box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .17)
    }

    #daodream-container .daodream-composer-upload-button {
        z-index: 2147483001;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 15px 15px;
        opacity: .4
    }

    #daodream-container .daodream-composer-upload-button:hover {
        opacity: 1
    }

    #daodream-container .daodream-composer-emoji-button {
        z-index: 2147483001;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 15px 15px;
        opacity: .4
    }

    #daodream-container .daodream-composer-emoji-button.daodream-composer-emoji-button-active, #daodream-container .daodream-composer-emoji-button:hover {
        opacity: 1
    }

    #daodream-container .daodream-composer-camera-button {
        z-index: 2147483001;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 15px 15px;
        opacity: .4
    }

    #daodream-container .daodream-composer-camera-button.daodream-composer-camera-button-active, #daodream-container .daodream-composer-camera-button:hover {
        opacity: 1
    }

    #daodream-container .daodream-conversation-announcement .daodream-composer {
        border: 1px solid #dadee2;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    #daodream-container .daodream-composer-press-enter-to-send {
        display: none;
        width: 100%;
        box-sizing: border-box;
        font-size: 13px;
        line-height: 22px;
        color: #b6c2c9;
        text-align: right
    }

    #daodream-container .daodream-powered-by-enabled .daodream-composer-press-enter-to-send {
        position: absolute;
        right: 8px;
        bottom: 0;
        left: 8px;
        width: auto;
        padding-bottom: 2px
    }

    #daodream-container .daodream-emoji-selector {
        position: absolute;
        right: 10px;
        bottom: calc(100% - 0px);
        z-index: 2147483601;
        display: block;
        margin: 0 0 5px;
        font-size: 22px;
        background-color: #fff;
        border: 1px solid #d0d4d8;
        border-radius: 3px;
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-emoji-selector:after, #daodream-container .daodream-emoji-selector:before {
        position: absolute;
        top: 100%;
        right: 21px;
        width: 0;
        height: 0;
        pointer-events: none;
        content: " ";
        border: solid transparent
    }

    #daodream-container .daodream-emoji-selector:after {
        margin-right: -12px;
        border-color: hsla(0, 0%, 94%, 0);
        border-width: 7px;
        border-top-color: #fff
    }

    #daodream-container .daodream-emoji-selector:before {
        margin-right: -13px;
        border-color: hsla(0, 0%, 67%, 0);
        border-width: 8px;
        border-top-color: #aaa
    }

    #daodream-container .daodream-emoji-selector-panel-small {
        bottom: 0;
        width: 180px;
        line-height: 0;
        background-color: #fff;
        border-radius: 3px
    }

    #daodream-container .daodream-emoji-selector-panel-small .daodream-emoji-icon {
        display: inline-table;
        width: 30px;
        margin: 5px;
        line-height: 30px;
        color: #60686e;
        text-align: center;
        cursor: pointer
    }

    #daodream-container .daodream-emoji-selector-panel-small .daodream-emoji-icon img.emoji {
        width: 22px;
        height: 22px
    }

    #daodream-container .daodream-emoji-selector-panel-small .daodream-emoji-icon:hover {
        color: #ededed;
        background-color: #ededed;
        border-color: #ededed
    }

    #daodream-container .daodream-emoji-selector-panel-large {
        display: none;
        width: 322px;
        height: 220px;
        overflow-y: auto;
        background-color: #fff;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-emoji-selector-panel-large.active {
        display: block
    }

    #daodream-container .daodream-emoji-selector-panel-large .daodream-emoji-icon {
        display: inline-table;
        width: 30px;
        margin: 5px;
        line-height: 30px;
        color: #60686e;
        text-align: center;
        cursor: pointer
    }

    #daodream-container .daodream-emoji-selector-panel-large .daodream-emoji-icon img.emoji {
        width: 22px;
        height: 22px
    }

    #daodream-container .daodream-emoji-selector-panel-large .daodream-emoji-icon:hover {
        background-color: #ededed
    }

    #daodream-container .daodream-large-emoji-panel-top-mask {
        position: absolute;
        top: 35px;
        left: 0;
        display: none;
        width: 100%;
        height: 20px;
        pointer-events: none;
        content: "";
        background: linear-gradient(#fff, hsla(0, 0%, 100%, 0) 20px)
    }

    #daodream-container .daodream-large-emoji-panel-bottom-mask {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 20px;
        pointer-events: none;
        content: "";
        background: linear-gradient(hsla(0, 0%, 100%, 0), #fff 20px);
        border-radius: 0 0 3px 3px
    }

    #daodream-container .daodream-emoji-selector-panel-header {
        width: 322px;
        height: 35px;
        text-align: center;
        background-color: #fafafb;
        border-radius: 3px
    }

    #daodream-container .daodream-emoji-selector-panel-header .daodream-emoji-group-icon {
        position: relative;
        z-index: 2147483601;
        display: inline-block;
        width: 45px;
        margin-top: 5px;
        line-height: 30px;
        color: #60686e;
        text-align: center;
        cursor: pointer;
        border-radius: 3px 3px 0 0
    }

    #daodream-container .daodream-emoji-selector-panel-header .daodream-emoji-group-icon:hover {
        background-color: #ededed
    }

    #daodream-container .daodream-emoji-selector-panel-header .daodream-emoji-group-icon.active {
        z-index: 2147483602;
        background-color: #fff;
        border-bottom: none;
        box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-lwr-composer {
        display: none;
        width: 100%;
        min-width: 120px;
        height: 54px;
        overflow: hidden;
        border-top: 1px solid #e4e5e7
    }

    #daodream-container .daodream-lwr-composer-active {
        display: block
    }

    #daodream-container .daodream-lwr-composer-options:after, #daodream-container .daodream-lwr-composer-options:before {
        display: table;
        content: ""
    }

    #daodream-container .daodream-lwr-composer-options:after {
        clear: both
    }

    #daodream-container .daodream-lwr-composer-option {
        position: relative;
        float: left;
        height: 54px;
        background-color: #fdfdfd
    }

    #daodream-container .daodream-lwr-composer-enabled .daodream-lwr-composer-option, #daodream-container .daodream-lwr-composer-enabled .daodream-lwr-composer-option svg {
        cursor: pointer
    }

    #daodream-container .daodream-lwr-composer-enabled .daodream-lwr-composer-option:hover {
        background-color: #f7f7f7
    }

    #daodream-container .daodream-lwr-composer-option svg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px;
        background-color: transparent
    }

    #daodream-container .daodream-lwr-composer-options-thumbs .daodream-lwr-composer-option {
        width: 50%
    }

    #daodream-container .daodream-lwr-composer-options-emotions .daodream-lwr-composer-option {
        width: 33.33%
    }

    #daodream-container .daodream-lwr-composer-option-selected .daodream-lwr-composer-icon {
        fill: #0071b2
    }

    #daodream-container .daodream-lwr-composer-option .daodream-lwr-option-background {
        fill: #fdfdfd
    }

    #daodream-container .daodream-lwr-composer-enabled .daodream-lwr-composer-option:hover .daodream-lwr-option-background {
        fill: #f7f7f7
    }

    #daodream-container .daodream-powered-by {
        width: 100%;
        color: #b0bec5 !important;
        text-align: center;
        clear: both;
        font-weight: 500;
        line-height: 22px
    }

    #daodream-container .daodream-powered-by span {
        font-size: 13px;
        text-decoration: none
    }

    #daodream-container .daodream-powered-by u {
        text-decoration: underline
    }

    #daodream-container .daodream-powered-by a:active, #daodream-container .daodream-powered-by a:active u, #daodream-container .daodream-powered-by a:hover, #daodream-container .daodream-powered-by a:hover u {
        color: #b0bec5
    }

    #daodream-container .daodream-messenger-display {
        display: none !important
    }

    #daodream-container .daodream-conversations-fetching .daodream-conversations-spinner, #daodream-container .daodream-sheet-loading .daodream-sheet-spinner {
        display: block;
        width: 28px;
        height: 28px;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 28px 28px;
        border-radius: 2px
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button, #daodream-container .daodream-conversations-new-conversation-button, #daodream-container .daodream-new-anonymous-user input[type=submit], #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button {
        display: inline-block;
        padding: 0 9px;
        font-size: 14px;
        line-height: 2.3;
        color: #fff;
        text-decoration: none;
        background-color: #257efa;
        background-image: linear-gradient(0, hsla(0, 0%, 100%, .04), hsla(0, 0%, 100%, .04)), linear-gradient(0, #206cf9, #257efa 40%, #2a90fb);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button:hover, #daodream-container .daodream-composer-send-button:hover, #daodream-container .daodream-conversations-new-conversation-button:hover, #daodream-container .daodream-new-anonymous-user input[type=submit]:hover, #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button:hover {
        background-image: linear-gradient(0, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), linear-gradient(0, #206cf9, #257efa 40%, #2a90fb)
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button:active, #daodream-container .daodream-composer-send-button:active, #daodream-container .daodream-conversations-new-conversation-button:active, #daodream-container .daodream-new-anonymous-user input[type=submit]:active, #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button:active {
        background-color: #257efa
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button:disabled, #daodream-container .daodream-composer-send-button:disabled, #daodream-container .daodream-conversations-new-conversation-button:disabled, #daodream-container .daodream-new-anonymous-user input[type=submit]:disabled, #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button:disabled {
        background-color: #257efa;
        background-image: linear-gradient(180deg, #b6c5cb, #acbbc2);
        border-color: #a0aeb4;
        box-shadow: 0 1px 1px 0 hsla(0, 0%, 100%, .11), inset 0 0 1px 1px hsla(0, 0%, 100%, .08)
    }

    #daodream-container .daodream-conversations-new-conversation-button {
        transform-style: preserve-3d;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        text-shadow: 0 1px 0 rgba(67, 74, 84, .1), 0 1px 2px rgba(67, 74, 84, .2);
        padding: 0
    }

    #daodream-container .daodream-conversations-new-conversation-button-content {
        display: block;
        position: relative;
        text-align: center;
        top: 50%;
        transform: translateY(-50%)
    }

    #daodream-container .daodream-conversations-new-conversation-button-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 8px -2px 0;
        background: url() 0 0/16px 16px no-repeat
    }

    #daodream-container .daodream-sheet-content-blurred {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        padding: 0;
        margin-top: 44px;
        filter: url(#blur-effect);
        opacity: .35;
        -webkit-filter: blur(5px)
    }

    #daodream-container .daodream-sheet-content-blurred .daodream-sheet-content-container {
        backface-visibility: hidden
    }

    #daodream-container .daodream-sheet {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 2147483600;
        width: 350px;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
        outline: 0
    }

    #daodream-container .daodream-sheet-active {
        visibility: visible
    }

    #daodream-container .daodream-sheet-header {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2147483602;
        width: 100%;
        height: 44px;
        overflow: hidden;
        background-image: linear-gradient(0deg, hsla(215, 9%, 62%, .15), hsla(0, 0%, 100%, .15));
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-sheet-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2147483602;
        width: 100%;
        height: 44px;
        text-align: center;
        text-align-last: center
    }

    #daodream-container .daodream-sheet-body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2147483600;
        width: 100%;
        background-color: #f5f7fa;
        background-image: linear-gradient(0deg, transparent 0, transparent);
        box-shadow: -1px 0 0 0 rgba(0, 0, 0, .1), -1px 0 2px 0 rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-sheet-active .daodream-sheet-content {
        overflow-y: auto
    }

    #daodream-container .daodream-sheet-content {
        position: absolute;
        top: 44px;
        right: 0;
        bottom: 0;
        z-index: 2147483601;
        width: 100%;
        -webkit-transform: translateZ(0)
    }

    #daodream-container .daodream-sheet-content-container {
        position: relative;
        max-width: 620px;
        min-height: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        overflow: hidden
    }

    #daodream-container .daodream-sheet-header-generic-title, #daodream-container .daodream-sheet-header-title-container {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2147483600;
        width: 100%;
        height: 100%;
        text-align: center;
        text-align-last: center;
        pointer-events: none
    }

    #daodream-container .daodream-sheet-header-generic-title, #daodream-container .daodream-sheet-header-title {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 48px;
        color: #3d444f;
        text-overflow: ellipsis;
        text-shadow: 0 1px 2px hsla(0, 0%, 100%, .9);
        letter-spacing: .2px;
        white-space: nowrap
    }

    #daodream-container .daodream-sheet-header-generic-title.daodream-sheet-header-with-presence, #daodream-container .daodream-sheet-header-title.daodream-sheet-header-with-presence {
        padding-top: 7px;
        line-height: 20px
    }

    #daodream-container .daodream-sheet-header-generic-title {
        top: -100%;
        display: none;
        max-width: 100%
    }

    #daodream-container .daodream-sheet-header-show-generic .daodream-sheet-header-generic-title {
        top: 0;
        display: block
    }

    #daodream-container .daodream-sheet-header-show-generic .daodream-sheet-header-title-container {
        top: 100%;
        display: none
    }

    #daodream-container .daodream-last-active {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        z-index: 0;
        font-size: 12px;
        line-height: 14px;
        color: #78909c;
        text-align: center
    }

    #daodream-container .daodream-sheet-header-app-name {
        font-weight: 700
    }

    #daodream-container .daodream-sheet-header-button {
        position: relative;
        z-index: 2147483601;
        height: 48px;
        margin: 0 20px
    }

    #daodream-container .daodream-sheet-header-button-icon {
        height: 100%;
        background-position: 50%
    }

    #daodream-container .daodream-sheet-header-conversations-button {
        float: left
    }

    #daodream-container .daodream-sheet-header-conversations-button .daodream-sheet-header-button-icon {
        float: left;
        width: 16px;
        background-image: url();
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        opacity: .4
    }

    #daodream-container .daodream-sheet-header-conversations-button .daodream-sheet-header-button-icon:hover {
        opacity: 1;
        transition: opacity .2s linear
    }

    #daodream-container .daodream-sheet-header-close-button {
        float: right;
        margin-left: 15px
    }

    #daodream-container .daodream-sheet-header-close-button .daodream-sheet-header-button-icon {
        width: 16px;
        background-image: url();
        background-repeat: no-repeat;
        background-size: contain;
        opacity: .4
    }

    #daodream-container .daodream-sheet-header-close-button .daodream-sheet-header-button-icon:hover {
        opacity: 1;
        transition: opacity .2s linear
    }

    #daodream-container .daodream-sheet-header-minimize-button {
        float: right;
        margin-right: 0
    }

    #daodream-container .daodream-sheet-header-minimize-button .daodream-sheet-header-button-icon {
        width: 16px;
        background-image: url();
        background-repeat: no-repeat;
        background-size: contain;
        opacity: .4
    }

    #daodream-container .daodream-sheet-header-minimize-button .daodream-sheet-header-button-icon:hover {
        opacity: 1;
        transition: opacity .2s linear
    }

    #daodream-container .daodream-sheet-loading .daodream-sheet-spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 14px;
        margin-left: -14px
    }

    #daodream-container .daodream-sheet-loading .daodream-conversation-parts {
        opacity: 0
    }

    #daodream-container .daodream-sheet-minimized {
        visibility: hidden;
        opacity: 0
    }

    #daodream-container .daodream-sheet-maximized {
        width: 100%
    }

    @media (max-width: 460px) {
        #daodream-container .daodream-sheet {
            width: 100%
        }
    }

    @media (-ms-high-contrast: none), screen\0 {
        #daodream-container .daodream-sheet {
            width: 370px
        }

        #daodream-container .daodream-sheet-maximized {
            width: 100%
        }
    }

    #daodream-container .daodream-conversations-item {
        display: block;
        padding-left: 18px;
        text-decoration: none;
        cursor: pointer
    }

    #daodream-container .daodream-conversations-item:hover {
        background-color: rgba(0, 0, 0, .02)
    }

    #daodream-container .daodream-conversations-item * {
        cursor: pointer
    }

    #daodream-container .daodream-conversations-item-body-container {
        height: 65px;
        padding-top: 15px;
        padding-right: 18px;
        margin-left: 66px;
        border-bottom: 1px solid #e6e9ed;
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .5)
    }

    #daodream-container .daodream-conversations-item-header {
        margin-top: 4px;
        margin-bottom: 4px
    }

    #daodream-container .daodream-conversations-item-title-container {
        margin: 0 50px 0 0
    }

    #daodream-container .daodream-conversations-item-title {
        display: block;
        width: 100%;
        overflow: hidden;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        color: #3d444f;
        text-overflow: ellipsis;
        text-shadow: 0 1px 2px hsla(0, 0%, 100%, .9);
        white-space: nowrap
    }

    #daodream-container .daodream-conversations-item-timestamp {
        float: right;
        width: 50px;
        font-size: 12px;
        line-height: 22px;
        color: #9ba3af;
        text-align: right
    }

    #daodream-container .daodream-conversations-item-summary {
        position: relative;
        height: 20px;
        overflow: hidden;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #656d78;
        text-shadow: 0 1px 2px hsla(0, 0%, 100%, .9);
        word-break: break-word
    }

    #daodream-container .daodream-conversations-item-readstate {
        display: none
    }

    #daodream-container .daodream-conversations-item-unread .daodream-conversations-item-header span {
        font-weight: 500;
        color: #006dec;
        white-space: nowrap
    }

    #daodream-container .daodream-conversations-item-unread .daodream-conversations-item-summary {
        margin-right: 30px;
        color: #3d4347
    }

    #daodream-container .daodream-conversations-item-unread .daodream-conversations-item-readstate {
        display: block;
        float: right;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(67, 74, 84, .3);
        background-color: #116cd6;
        background-image: linear-gradient(0deg, #1e67f9 0, #2b8bfb);
        box-shadow: 0 1px 2px rgba(67, 74, 84, .2);
        min-width: 16px;
        height: 16px;
        box-sizing: border-box;
        padding: 0 4px;
        font-family: helvetica;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        border-radius: 8px
    }

    #daodream-container .daodream-no-conversations {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        display: none;
        margin: -38px auto 0;
        color: #e4e5e7;
        text-align: center
    }

    #daodream-container .daodream-no-conversations .daodream-no-conversations-icon {
        display: block;
        width: 79px;
        height: 59px;
        margin: 0 auto 10px;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 79px 59px
    }

    #daodream-container .daodream-learn .daodream-no-conversations .daodream-no-conversations-icon {
        height: 46px;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 79px 46px
    }

    @media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
        #daodream-container .daodream-learn .daodream-no-conversations .daodream-no-conversations-icon {
            background-image: url()
        }
    }

    #daodream-container .daodream-conversations-empty .daodream-no-conversations {
        display: block
    }

    #daodream-container .daodream-new-message-enabled .daodream-conversations-content {
        bottom: 44px
    }

    #daodream-container .daodream-new-message-enabled .daodream-conversations-content.daodream-no-newmessage-button {
        bottom: 0
    }

    #daodream-container .daodream-conversations-fetching .daodream-conversations-spinner {
        position: relative;
        left: 50%;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: -14px
    }

    #daodream-container .daodream-conversations-item-avatar-container {
        position: relative;
        display: inline-block;
        float: left;
        width: 50px;
        height: 50px;
        padding: 2px;
        margin-top: 15px;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(67, 74, 84, .2)
    }

    #daodream-container .daodream-conversations-item-admin-avatar, #daodream-container .daodream-conversations-item-user-avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%
    }

    #daodream-container .daodream-conversations-item-admin-online {
        width: 8px;
        height: 8px;
        background-color: #2ecc71;
        border: 2px solid #fff;
        border-radius: 20px;
        box-shadow: 0 1px 2px rgba(67, 74, 84, .2);
        position: absolute;
        bottom: 0;
        right: 2px
    }

    #daodream-container .daodream-conversations-item-admin-avatar-no-image {
        background-color: #0071b2
    }

    #daodream-container .daodream-conversations-item-user-avatar {
        background-color: #0071b2;
        background-image: url();
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 18px
    }

    #daodream-container .daodream-default-admin-avatar {
        width: 28px;
        height: 28px;
        font-size: 13px;
        font-weight: 700;
        line-height: 28px;
        color: #fff;
        text-align: center;
        background-color: #0071b2
    }

    #daodream-container .daodream-conversation-parts-container {
        padding: 16px
    }

    #daodream-container .daodream-conversation-part {
        padding-bottom: 16px
    }

    #daodream-container .daodream-conversation-part:after, #daodream-container .daodream-conversation-part:before {
        display: table;
        content: ""
    }

    #daodream-container .daodream-conversation-part:after {
        clear: both
    }

    #daodream-container .daodream-conversation-part-unread .daodream-comment-by-admin .daodream-comment-timestamp {
        color: #93979f
    }

    #daodream-container .daodream-conversation-part-unread .daodream-comment-by-admin .daodream-comment-readstate {
        width: 7px;
        height: 7px;
        margin-top: 6px;
        overflow: auto;
        background-color: #0071b2;
        border-radius: 50%
    }

    #daodream-container .daodream-conversation-part-failed .daodream-comment-body-container {
        opacity: .6
    }

    #daodream-container .daodream-conversation-part-failed .daodream-comment-body, #daodream-container .daodream-conversation-part-failed .daodream-comment-state {
        cursor: pointer
    }

    #daodream-container .daodream-conversation-part-failed .daodream-comment-metadata {
        color: #c00
    }

    #daodream-container .daodream-conversation-preview {
        pointer-events: none
    }

    #daodream-container .daodream-conversation-preview .daodream-composer, #daodream-container .daodream-conversation-preview .daodream-sheet-body, #daodream-container .daodream-conversation-preview .daodream-sheet-header {
        opacity: 0
    }

    #daodream-container .daodream-conversation-preview .daodream-sheet-content {
        overflow-y: hidden
    }

    #daodream-container .daodream-conversation-preview .daodream-small-announcement {
        pointer-events: auto;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08)
    }

    #daodream-container .daodream-conversation-part-grouped {
        padding-bottom: 2px
    }

    #daodream-container .daodream-conversation-part-grouped .daodream-comment-avatar, #daodream-container .daodream-conversation-part-grouped .daodream-comment-caret, #daodream-container .daodream-conversation-part-grouped .daodream-comment-metadata, #daodream-container .daodream-conversation-part-grouped .daodream-comment-readstate {
        display: none
    }

    #daodream-container .daodream-conversation-part-grouped-first {
        padding-bottom: 2px
    }

    #daodream-container .daodream-conversation-part-grouped-first .daodream-comment-metadata, #daodream-container .daodream-conversation-part-grouped-first .daodream-comment-readstate, #daodream-container .daodream-conversation-part-grouped-last .daodream-comment-avatar, #daodream-container .daodream-conversation-part-grouped-last .daodream-comment-caret {
        display: none
    }

    #daodream-container .daodream-conversation .daodream-sheet-body {
        background-color: #fff
    }

    #daodream-container .daodream-comment {
        position: relative;
        max-width: 210px;
        clear: both
    }

    #daodream-container .daodream-comment-by-user {
        float: right
    }

    #daodream-container .daodream-comment-by-admin {
        float: left;
        padding-left: 38px
    }

    #daodream-container .daodream-comment-body-container .daodream-container, #daodream-container .daodream-comment-body-container a, #daodream-container .daodream-comment-body-container blockquote, #daodream-container .daodream-comment-body-container code, #daodream-container .daodream-comment-body-container h1, #daodream-container .daodream-comment-body-container h2, #daodream-container .daodream-comment-body-container h3, #daodream-container .daodream-comment-body-container h4, #daodream-container .daodream-comment-body-container h5, #daodream-container .daodream-comment-body-container h6, #daodream-container .daodream-comment-body-container ol, #daodream-container .daodream-comment-body-container p, #daodream-container .daodream-comment-body-container ul {
        margin: 20px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        word-wrap: break-word
    }

    #daodream-container .daodream-comment-body-container .daodream-container:first-child, #daodream-container .daodream-comment-body-container a:first-child, #daodream-container .daodream-comment-body-container blockquote:first-child, #daodream-container .daodream-comment-body-container code:first-child, #daodream-container .daodream-comment-body-container h1:first-child, #daodream-container .daodream-comment-body-container h2:first-child, #daodream-container .daodream-comment-body-container h3:first-child, #daodream-container .daodream-comment-body-container h4:first-child, #daodream-container .daodream-comment-body-container h5:first-child, #daodream-container .daodream-comment-body-container h6:first-child, #daodream-container .daodream-comment-body-container ol:first-child, #daodream-container .daodream-comment-body-container p:first-child, #daodream-container .daodream-comment-body-container ul:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-comment-body-container .daodream-container:last-child, #daodream-container .daodream-comment-body-container a:last-child, #daodream-container .daodream-comment-body-container blockquote:last-child, #daodream-container .daodream-comment-body-container code:last-child, #daodream-container .daodream-comment-body-container h1:last-child, #daodream-container .daodream-comment-body-container h2:last-child, #daodream-container .daodream-comment-body-container h3:last-child, #daodream-container .daodream-comment-body-container h4:last-child, #daodream-container .daodream-comment-body-container h5:last-child, #daodream-container .daodream-comment-body-container h6:last-child, #daodream-container .daodream-comment-body-container ol:last-child, #daodream-container .daodream-comment-body-container p:last-child, #daodream-container .daodream-comment-body-container ul:last-child {
        margin-bottom: 0
    }

    #daodream-container .daodream-comment-body-container h1, #daodream-container .daodream-comment-body-container h1 a {
        margin: 27px 0;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit;
        letter-spacing: normal
    }

    #daodream-container .daodream-comment-body-container h2, #daodream-container .daodream-comment-body-container h2 a {
        margin: 20px 0 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit
    }

    #daodream-container .daodream-comment-body-container ol, #daodream-container .daodream-comment-body-container ul {
        padding-left: 30px;
        font-size: 14px;
        -webkit-padding-start: 40px;
        -khtml-padding-start: 40px;
        -o-padding-start: 40px;
        padding-start: 40px
    }

    #daodream-container .daodream-comment-body-container [dir=ltr] ol, #daodream-container .daodream-comment-body-container [dir=ltr] ul {
        padding-left: 30px
    }

    #daodream-container .daodream-comment-body-container [dir=rtl] ol, #daodream-container .daodream-comment-body-container [dir=rtl] ul {
        padding-right: 30px
    }

    #daodream-container .daodream-comment-body-container ul > li {
        list-style-type: disc
    }

    #daodream-container .daodream-comment-body-container ol > li {
        list-style-type: decimal
    }

    #daodream-container .daodream-comment-body-container li {
        display: list-item;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-comment-body-container em, #daodream-container .daodream-comment-body-container i {
        font-style: italic
    }

    #daodream-container .daodream-comment-body-container b, #daodream-container .daodream-comment-body-container strong {
        font-weight: 700;
        line-height: 100%
    }

    #daodream-container .daodream-comment-body-container pre {
        padding: 0 0 10px;
        font-size: 14px;
        white-space: pre-wrap
    }

    #daodream-container .daodream-comment-body-container img {
        display: block;
        max-width: 100%;
        margin: 10px 0
    }

    #daodream-container .daodream-comment-body-container p + br {
        display: none
    }

    #daodream-container .daodream-comment-body-container a:active, #daodream-container .daodream-comment-body-container a:hover, #daodream-container .daodream-comment-body-container a:link, #daodream-container .daodream-comment-body-container a:visited {
        text-decoration: underline
    }

    #daodream-container .daodream-comment-body-container a:link, #daodream-container .daodream-comment-body-container a:visited {
        color: #0071b2
    }

    #daodream-container .daodream-comment-body-container a:active, #daodream-container .daodream-comment-body-container a:hover {
        color: #00498a
    }

    #daodream-container .daodream-comment-body-container h2 + .ic_button_in_content, #daodream-container .daodream-comment-body-container h2 + .ic_social_block, #daodream-container .daodream-comment-body-container h2 + blockquote, #daodream-container .daodream-comment-body-container h2 + ol, #daodream-container .daodream-comment-body-container h2 + p, #daodream-container .daodream-comment-body-container h2 + ul, #daodream-container .daodream-comment-body-container h3 + .ic_button_in_content, #daodream-container .daodream-comment-body-container h3 + .ic_social_block, #daodream-container .daodream-comment-body-container h3 + blockquote, #daodream-container .daodream-comment-body-container h3 + ol, #daodream-container .daodream-comment-body-container h3 + p, #daodream-container .daodream-comment-body-container h3 + ul, #daodream-container .daodream-comment-body-container h4 + .ic_button_in_content, #daodream-container .daodream-comment-body-container h4 + .ic_social_block, #daodream-container .daodream-comment-body-container h4 + blockquote, #daodream-container .daodream-comment-body-container h4 + ol, #daodream-container .daodream-comment-body-container h4 + p, #daodream-container .daodream-comment-body-container h4 + ul, #daodream-container .daodream-comment-body-container h5 + .ic_button_in_content, #daodream-container .daodream-comment-body-container h5 + .ic_social_block, #daodream-container .daodream-comment-body-container h5 + blockquote, #daodream-container .daodream-comment-body-container h5 + ol, #daodream-container .daodream-comment-body-container h5 + p, #daodream-container .daodream-comment-body-container h5 + ul, #daodream-container .daodream-comment-body-container h6 + .ic_button_in_content, #daodream-container .daodream-comment-body-container h6 + .ic_social_block, #daodream-container .daodream-comment-body-container h6 + blockquote, #daodream-container .daodream-comment-body-container h6 + ol, #daodream-container .daodream-comment-body-container h6 + p, #daodream-container .daodream-comment-body-container h6 + ul {
        margin-top: 0
    }

    #daodream-container .daodream-comment-body-container .daodream-h2b-facebook, #daodream-container .daodream-comment-body-container .daodream-h2b-twitter {
        max-width: 100%
    }

    #daodream-container .daodream-comment-body-container iframe[src*="vimeo.com"], #daodream-container .daodream-comment-body-container iframe[src*="wistia.net"], #daodream-container .daodream-comment-body-container iframe[src*="youtube.com"] {
        width: 100%;
        height: 149px;
        margin: 20px auto
    }

    #daodream-container .daodream-comment-body-container a.daodream-h2b-button, #daodream-container .daodream-comment-body-container iframe[src*="wistia.net"] {
        text-transform: capitalize
    }

    #daodream-container .daodream-comment-body-container {
        position: relative;
        max-width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        min-height: 20px;
        color: #455a64;
        border-style: solid;
        border-width: 1px;
        border-radius: 16px
    }

    #daodream-container .daodream-comment-by-user .daodream-attachments {
        border-top: 1px solid #005d9e
    }

    #daodream-container .daodream-comment-is-typing-icon {
        display: none
    }

    #daodream-container .daodream-comment-avatar {
        position: absolute;
        bottom: 22px;
        left: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(67, 74, 84, .2)
    }

    #daodream-container .daodream-is-typing .daodream-comment-avatar {
        bottom: 0
    }

    #daodream-container .daodream-comment-body-container .daodream-comment-body {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        word-break: break-all
    }

    #daodream-container .daodream-comment .daodream-lwr-composer {
        border-radius: 0 0 4px 4px
    }

    #daodream-container .daodream-comment-body {
        padding: 6px 16px
    }

    #daodream-container .daodream-comment-body p {
        margin: 1em 0 0
    }

    #daodream-container .daodream-comment-body p:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-comment-body pre span {
        font-weight: inherit !important;
        color: inherit !important;
        word-wrap: break-word;
        background-color: inherit !important
    }

    #daodream-container .daodream-comment-metadata-container {
        padding: 2px 2px 0;
        text-align: center;
        width: 100%
    }

    #daodream-container .daodream-comment-metadata-container:after, #daodream-container .daodream-comment-metadata-container:before {
        content: "";
        display: table
    }

    #daodream-container .daodream-comment-metadata-container:after {
        clear: both
    }

    #daodream-container .daodream-comment-metadata {
        font-size: 12px;
        line-height: 20px;
        color: #b0bec5
    }

    #daodream-container .daodream-comment-by-admin .daodream-comment-metadata {
        margin-right: 6px
    }

    #daodream-container .daodream-comment-caret:after, #daodream-container .daodream-comment-caret:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 35px;
        height: 25px;
        z-index: -1
    }

    #daodream-container .daodream-comment-by-user {
        text-align: right
    }

    #daodream-container .daodream-comment-by-user .daodream-comment-metadata {
        float: right
    }

    #daodream-container .daodream-comment-by-user .daodream-comment-body-container {
        display: inline-block;
        background-color: #257efa;
        color: #f5f7fa;
        text-shadow: 0 -1px 0 rgba(67, 74, 84, .3)
    }

    #daodream-container .daodream-comment-by-user .daodream-comment-body-container a, #daodream-container .daodream-comment-by-user .daodream-comment-body-container a:active, #daodream-container .daodream-comment-by-user .daodream-comment-body-container a:hover, #daodream-container .daodream-comment-by-user .daodream-comment-body-container a:link, #daodream-container .daodream-comment-by-user .daodream-comment-body-container a:visited {
        color: #fff
    }

    #daodream-container .daodream-comment-by-user .daodream-comment-caret:after, #daodream-container .daodream-comment-by-user .daodream-comment-caret:before {
        border-radius: 0 0 0 50%
    }

    #daodream-container .daodream-comment-by-user .daodream-comment-caret:before {
        height: 20px;
        right: -23px;
        background-color: #257efa
    }

    #daodream-container .daodream-comment-by-user .daodream-comment-caret:after {
        right: -35px;
        bottom: -3px;
        background-color: #fff
    }

    #daodream-container .daodream-comment-by-admin .daodream-comment-body-container {
        background-color: #e9ebf0;
        color: #3d444f
    }

    #daodream-container .daodream-comment-by-admin .daodream-comment-caret:after, #daodream-container .daodream-comment-by-admin .daodream-comment-caret:before {
        border-radius: 0 0 50% 0
    }

    #daodream-container .daodream-comment-by-admin .daodream-comment-caret:before {
        height: 20px;
        left: -23px;
        background-color: #e9ebf0
    }

    #daodream-container .daodream-comment-by-admin .daodream-comment-caret:after {
        left: -35px;
        bottom: -3px;
        background-color: #fff
    }

    #daodream-container .daodream-upload-comment.daodream-upload-is-uploading .daodream-comment-body-container {
        opacity: .6
    }

    #daodream-container .daodream-upload-comment.daodream-upload-is-uploading .daodream-comment-body-container a, #daodream-container .daodream-upload-comment.daodream-upload-is-uploading .daodream-comment-body-container a:active, #daodream-container .daodream-upload-comment.daodream-upload-is-uploading .daodream-comment-body-container a:hover, #daodream-container .daodream-upload-comment.daodream-upload-is-uploading .daodream-comment-body-container a:link, #daodream-container .daodream-upload-comment.daodream-upload-is-uploading .daodream-comment-body-container a:visited {
        text-decoration: none;
        cursor: default
    }

    #daodream-container .daodream-upload-comment .daodream-upload-body {
        padding-left: 50px
    }

    #daodream-container .daodream-upload-comment .daodream-upload-body:before {
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        width: 37px;
        content: " ";
        background-image: url();
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 16px 15px;
        border-right: 1px solid hsla(0, 0%, 100%, .3)
    }

    #daodream-container .daodream-upload-comment.daodream-upload-image {
        max-width: 266px
    }

    #daodream-container .daodream-upload-comment.daodream-upload-image .daodream-comment-body-container {
        background-color: transparent
    }

    #daodream-container .daodream-upload-comment.daodream-upload-image .daodream-comment-caret {
        display: none
    }

    #daodream-container .daodream-upload-comment.daodream-upload-image .daodream-upload-body {
        padding: 0
    }

    #daodream-container .daodream-upload-comment.daodream-upload-image .daodream-upload-body:before {
        display: none
    }

    #daodream-container .daodream-upload-comment.daodream-upload-image .daodream-upload-body img {
        margin: 0;
        border-radius: 4px
    }

    #daodream-container .daodream-upload-comment .daodream-attachment-progress-bar {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 6px;
        margin: 0 5px;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    #daodream-container .daodream-upload-comment .daodream-attachment-progress-percentage {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        background-color: #0071b2;
        border-radius: 3px;
        transition: width .4s
    }

    #daodream-container .daodream-conversation-preview .daodream-comment-metadata {
        display: none
    }

    #daodream-container .daodream-comment-card {
        width: 100%
    }

    #daodream-container .daodream-comment-card .daodream-comment-body-container {
        background-color: #fff;
        border: 1px solid #dadfe3;
        border-radius: 5px;
        text-align: left;
        box-shadow: 2px 2px 5px grey
    }

    #daodream-container .daodream-comment-card .daodream-comment-avatar {
        bottom: 0
    }

    #daodream-container .daodream-comment-card .daodream-comment-metadata-container {
        display: none
    }

    img.pic-zoom {
        cursor: pointer;
        cursor: -moz-zoom-in
    }

    img.zoom-img {
        cursor: pointer;
        cursor: -moz-zoom-out;
        z-index: 2147483602;
        transition: all .3s
    }

    .zoom-overlay {
        z-index: 2147483601;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        filter: "alpha(opacity=0)";
        opacity: 0;
        transition: opacity .3s
    }

    .zoom-overlay-open .zoom-overlay {
        filter: "alpha(opacity=100)";
        opacity: 1
    }

    .zoom-overlay-open, .zoom-overlay-transitioning {
        cursor: default
    }

    html.daodream-is-open, html.daodream-is-open body {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
        height: 100% !important
    }

    html.daodream-is-open body {
        margin: 0 !important;
        padding: 0 !important
    }

    #daodream-container .daodream-btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap
    }

    @media print {
        #daodream-container {
            display: none
        }
    }

    #daodream-container .daodream-attachments {
        padding: 11px 14px;
        border-top: 1px solid #e4e5e7
    }

    #daodream-container .daodream-attachment {
        width: 100%;
        overflow: hidden;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #daodream-container .daodream-auto-response {
        display: none;
        padding: 16px 20px;
        margin-bottom: 16px;
        border-style: solid;
        border-width: 1px 0;
        border-top: 1px solid #e4e5e7;
        border-bottom: 1px solid #e4e5e7;
        border-image: linear-gradient(90deg, #edf0f2, #d9dfe3 18%, #d9dfe3 82%, #edf0f2) 1
    }

    #daodream-container .daodream-auto-response-text-wraper {
        padding-left: 8px;
        margin-top: 6px;
        text-align: center
    }

    #daodream-container .daodream-auto-response-text-wraper-input {
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        outline: none;
        padding: 0 10px;
        width: 155px;
        height: 30px;
        color: #3d444f;
        transition: all .25s ease;
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #ccd1d9;
        border-radius: 2px;
        line-height: 1;
        vertical-align: bottom;
        font-size: 14px;
        border: 1px solid #257efa
    }

    #daodream-container .daodream-auto-response-text-wraper-input:active, #daodream-container .daodream-auto-response-text-wraper-input:focus {
        box-shadow: 0 0 0 2px rgba(56, 144, 255, .15)
    }

    #daodream-container .daodream-auto-response-text-wraper-input::-webkit-input-placeholder {
        color: #b0bec5
    }

    #daodream-container .daodream-auto-response-text-wraper-submit {
        display: inline-block;
        font-weight: 400;
        border: 1px solid transparent;
        outline: none !important;
        background-image: none;
        cursor: pointer;
        user-select: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        box-sizing: "border-box";
        padding: 8px 14px;
        font-size: 14px;
        line-height: 1;
        border-radius: 4px;
        color: #fff;
        border-color: #217ef2;
        background-color: #3890ff;
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .06), hsla(0, 0%, 100%, .06)), linear-gradient(0deg, rgba(9, 109, 236, .5), rgba(76, 155, 255, .5));
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .08), 0 1px 1px rgba(0, 0, 0, .08);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-auto-response-text-wraper-submit:hover {
        background-image: linear-gradient(0deg, rgba(9, 109, 236, .5), rgba(76, 155, 255, .5))
    }

    #daodream-container .daodream-auto-response-text-wraper-submit:active {
        background-image: none;
        box-shadow: inset 0 0 8px rgba(0, 0, 0, .04)
    }

    #daodream-container .inputRedwarn {
        border: 1px solid #f1483f;
        box-shadow: 0 0 0 2px rgba(241, 72, 63, .15) !important
    }

    #daodream-container .daodream-auto-response-active {
        display: block
    }

    #daodream-container .daodream-auto-response-input {
        appearance: none;
        box-sizing: border-box;
        font-size: 15px;
        line-height: 32px;
        color: #60686e;
        height: 34px;
        width: 100%;
        padding: 0 42px 0 8px;
        border: 1px solid #e4e5e7;
        border-radius: 2px;
        background-color: #fff;
        font-size: 14px;
        border: 1px solid #257efa
    }

    #daodream-container .daodream-auto-response p {
        padding: 5px 0;
        color: #455a64;
        color: #90a4ae;
        text-align: center
    }

    #daodream-container .daodream-auto-response p, #daodream-container .daodream-auto-response p .daodream-comment-body {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-auto-response p .daodream-container, #daodream-container .daodream-auto-response p a, #daodream-container .daodream-auto-response p blockquote, #daodream-container .daodream-auto-response p code, #daodream-container .daodream-auto-response p h1, #daodream-container .daodream-auto-response p h2, #daodream-container .daodream-auto-response p h3, #daodream-container .daodream-auto-response p h4, #daodream-container .daodream-auto-response p h5, #daodream-container .daodream-auto-response p h6, #daodream-container .daodream-auto-response p ol, #daodream-container .daodream-auto-response p p, #daodream-container .daodream-auto-response p ul {
        margin: 20px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        word-wrap: break-word
    }

    #daodream-container .daodream-auto-response p .daodream-container:first-child, #daodream-container .daodream-auto-response p a:first-child, #daodream-container .daodream-auto-response p blockquote:first-child, #daodream-container .daodream-auto-response p code:first-child, #daodream-container .daodream-auto-response p h1:first-child, #daodream-container .daodream-auto-response p h2:first-child, #daodream-container .daodream-auto-response p h3:first-child, #daodream-container .daodream-auto-response p h4:first-child, #daodream-container .daodream-auto-response p h5:first-child, #daodream-container .daodream-auto-response p h6:first-child, #daodream-container .daodream-auto-response p ol:first-child, #daodream-container .daodream-auto-response p p:first-child, #daodream-container .daodream-auto-response p ul:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-auto-response p .daodream-container:last-child, #daodream-container .daodream-auto-response p a:last-child, #daodream-container .daodream-auto-response p blockquote:last-child, #daodream-container .daodream-auto-response p code:last-child, #daodream-container .daodream-auto-response p h1:last-child, #daodream-container .daodream-auto-response p h2:last-child, #daodream-container .daodream-auto-response p h3:last-child, #daodream-container .daodream-auto-response p h4:last-child, #daodream-container .daodream-auto-response p h5:last-child, #daodream-container .daodream-auto-response p h6:last-child, #daodream-container .daodream-auto-response p ol:last-child, #daodream-container .daodream-auto-response p p:last-child, #daodream-container .daodream-auto-response p ul:last-child {
        margin-bottom: 0
    }

    #daodream-container .daodream-auto-response p h1, #daodream-container .daodream-auto-response p h1 a {
        margin: 27px 0;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit;
        letter-spacing: normal
    }

    #daodream-container .daodream-auto-response p h2, #daodream-container .daodream-auto-response p h2 a {
        margin: 20px 0 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit
    }

    #daodream-container .daodream-auto-response p ol, #daodream-container .daodream-auto-response p ul {
        padding-left: 30px;
        font-size: 14px;
        padding-start: 40px
    }

    #daodream-container .daodream-auto-response p [dir=ltr] ol, #daodream-container .daodream-auto-response p [dir=ltr] ul {
        padding-left: 30px
    }

    #daodream-container .daodream-auto-response p [dir=rtl] ol, #daodream-container .daodream-auto-response p [dir=rtl] ul {
        padding-right: 30px
    }

    #daodream-container .daodream-auto-response p ul > li {
        list-style-type: disc
    }

    #daodream-container .daodream-auto-response p ol > li {
        list-style-type: decimal
    }

    #daodream-container .daodream-auto-response p li {
        display: list-item;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-auto-response p em, #daodream-container .daodream-auto-response p i {
        font-style: italic
    }

    #daodream-container .daodream-auto-response p b, #daodream-container .daodream-auto-response p strong {
        font-weight: 700;
        line-height: 100%
    }

    #daodream-container .daodream-auto-response p pre {
        padding: 0 0 10px;
        font-size: 14px;
        white-space: pre-wrap
    }

    #daodream-container .daodream-auto-response p img {
        display: block;
        max-width: 100%;
        margin: 10px 0
    }

    #daodream-container .daodream-auto-response p p + br {
        display: none
    }

    #daodream-container .daodream-auto-response p a:active, #daodream-container .daodream-auto-response p a:hover, #daodream-container .daodream-auto-response p a:link, #daodream-container .daodream-auto-response p a:visited {
        text-decoration: underline
    }

    #daodream-container .daodream-auto-response p a:link, #daodream-container .daodream-auto-response p a:visited {
        color: #0071b2
    }

    #daodream-container .daodream-auto-response p a:active, #daodream-container .daodream-auto-response p a:hover {
        color: #00498a
    }

    #daodream-container .daodream-auto-response p h2 + .ic_button_in_content, #daodream-container .daodream-auto-response p h2 + .ic_social_block, #daodream-container .daodream-auto-response p h2 + blockquote, #daodream-container .daodream-auto-response p h2 + ol, #daodream-container .daodream-auto-response p h2 + p, #daodream-container .daodream-auto-response p h2 + ul, #daodream-container .daodream-auto-response p h3 + .ic_button_in_content, #daodream-container .daodream-auto-response p h3 + .ic_social_block, #daodream-container .daodream-auto-response p h3 + blockquote, #daodream-container .daodream-auto-response p h3 + ol, #daodream-container .daodream-auto-response p h3 + p, #daodream-container .daodream-auto-response p h3 + ul, #daodream-container .daodream-auto-response p h4 + .ic_button_in_content, #daodream-container .daodream-auto-response p h4 + .ic_social_block, #daodream-container .daodream-auto-response p h4 + blockquote, #daodream-container .daodream-auto-response p h4 + ol, #daodream-container .daodream-auto-response p h4 + p, #daodream-container .daodream-auto-response p h4 + ul, #daodream-container .daodream-auto-response p h5 + .ic_button_in_content, #daodream-container .daodream-auto-response p h5 + .ic_social_block, #daodream-container .daodream-auto-response p h5 + blockquote, #daodream-container .daodream-auto-response p h5 + ol, #daodream-container .daodream-auto-response p h5 + p, #daodream-container .daodream-auto-response p h5 + ul, #daodream-container .daodream-auto-response p h6 + .ic_button_in_content, #daodream-container .daodream-auto-response p h6 + .ic_social_block, #daodream-container .daodream-auto-response p h6 + blockquote, #daodream-container .daodream-auto-response p h6 + ol, #daodream-container .daodream-auto-response p h6 + p, #daodream-container .daodream-auto-response p h6 + ul {
        margin-top: 0
    }

    #daodream-container .daodream-auto-response p .daodream-h2b-facebook, #daodream-container .daodream-auto-response p .daodream-h2b-twitter {
        max-width: 100%
    }

    #daodream-container .daodream-auto-response p iframe[src*="vimeo.com"], #daodream-container .daodream-auto-response p iframe[src*="wistia.net"], #daodream-container .daodream-auto-response p iframe[src*="youtube.com"] {
        width: 100%;
        height: 149px;
        margin: 20px auto
    }

    #daodream-container .daodream-auto-response p a.daodream-h2b-button, #daodream-container .daodream-auto-response p iframe[src*="wistia.net"] {
        text-transform: capitalize
    }

    #daodream-container .daodream-auto-response p a:link, #daodream-container .daodream-auto-response p a:visited {
        color: #90a4ae
    }

    #daodream-container .daodream-auto-response p a:active, #daodream-container .daodream-auto-response p a:hover {
        color: #85939a
    }

    #daodream-container .daodream-announcement {
        overflow: hidden
    }

    #daodream-container .daodream-announcement-body-container {
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        color: #455a64;
        background-color: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .07)
    }

    #daodream-container .daodream-announcement-body-container .daodream-comment-body {
        font-size: 16px;
        font-weight: 400;
        line-height: 23px
    }

    #daodream-container .daodream-announcement-body-container .daodream-container, #daodream-container .daodream-announcement-body-container a, #daodream-container .daodream-announcement-body-container blockquote, #daodream-container .daodream-announcement-body-container code, #daodream-container .daodream-announcement-body-container h1, #daodream-container .daodream-announcement-body-container h2, #daodream-container .daodream-announcement-body-container h3, #daodream-container .daodream-announcement-body-container h4, #daodream-container .daodream-announcement-body-container h5, #daodream-container .daodream-announcement-body-container h6, #daodream-container .daodream-announcement-body-container ol, #daodream-container .daodream-announcement-body-container p, #daodream-container .daodream-announcement-body-container ul {
        margin: 20px 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        word-wrap: break-word
    }

    #daodream-container .daodream-announcement-body-container .daodream-container:first-child, #daodream-container .daodream-announcement-body-container a:first-child, #daodream-container .daodream-announcement-body-container blockquote:first-child, #daodream-container .daodream-announcement-body-container code:first-child, #daodream-container .daodream-announcement-body-container h1:first-child, #daodream-container .daodream-announcement-body-container h2:first-child, #daodream-container .daodream-announcement-body-container h3:first-child, #daodream-container .daodream-announcement-body-container h4:first-child, #daodream-container .daodream-announcement-body-container h5:first-child, #daodream-container .daodream-announcement-body-container h6:first-child, #daodream-container .daodream-announcement-body-container ol:first-child, #daodream-container .daodream-announcement-body-container p:first-child, #daodream-container .daodream-announcement-body-container ul:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-announcement-body-container .daodream-container:last-child, #daodream-container .daodream-announcement-body-container a:last-child, #daodream-container .daodream-announcement-body-container blockquote:last-child, #daodream-container .daodream-announcement-body-container code:last-child, #daodream-container .daodream-announcement-body-container h1:last-child, #daodream-container .daodream-announcement-body-container h2:last-child, #daodream-container .daodream-announcement-body-container h3:last-child, #daodream-container .daodream-announcement-body-container h4:last-child, #daodream-container .daodream-announcement-body-container h5:last-child, #daodream-container .daodream-announcement-body-container h6:last-child, #daodream-container .daodream-announcement-body-container ol:last-child, #daodream-container .daodream-announcement-body-container p:last-child, #daodream-container .daodream-announcement-body-container ul:last-child {
        margin-bottom: 0
    }

    #daodream-container .daodream-announcement-body-container h1, #daodream-container .daodream-announcement-body-container h1 a {
        margin: 27px 0;
        font-size: 37px;
        font-weight: 300;
        line-height: 48px;
        color: #0071b2;
        letter-spacing: .35px
    }

    #daodream-container .daodream-announcement-body-container h1:first-child {
        text-align: center;
        text-align-last: center
    }

    #daodream-container .daodream-announcement-body-container h2, #daodream-container .daodream-announcement-body-container h2 a {
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        color: #0071b2
    }

    #daodream-container .daodream-announcement-body-container ol, #daodream-container .daodream-announcement-body-container ul {
        padding-left: 40px;
        font-size: 16px;
        padding-start: 40px
    }

    #daodream-container .daodream-announcement-body-container [dir=ltr] ol, #daodream-container .daodream-announcement-body-container [dir=ltr] ul {
        padding-left: 40px
    }

    #daodream-container .daodream-announcement-body-container [dir=rtl] ol, #daodream-container .daodream-announcement-body-container [dir=rtl] ul {
        padding-right: 40px
    }

    #daodream-container .daodream-announcement-body-container ul > li {
        list-style-type: disc
    }

    #daodream-container .daodream-announcement-body-container ol > li {
        list-style-type: decimal
    }

    #daodream-container .daodream-announcement-body-container li {
        display: list-item;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 26px
    }

    #daodream-container .daodream-announcement-body-container em, #daodream-container .daodream-announcement-body-container i {
        font-style: italic
    }

    #daodream-container .daodream-announcement-body-container b, #daodream-container .daodream-announcement-body-container strong {
        font-weight: 700;
        line-height: 100%
    }

    #daodream-container .daodream-announcement-body-container pre {
        padding: 0 0 10px;
        font-size: 16px;
        white-space: pre-wrap
    }

    #daodream-container .daodream-announcement-body-container img {
        display: block;
        max-width: 100%;
        margin: 10px 0
    }

    #daodream-container .daodream-announcement-body-container p + br {
        display: none
    }

    #daodream-container .daodream-announcement-body-container a:active, #daodream-container .daodream-announcement-body-container a:hover, #daodream-container .daodream-announcement-body-container a:link, #daodream-container .daodream-announcement-body-container a:visited {
        text-decoration: underline
    }

    #daodream-container .daodream-announcement-body-container a:active, #daodream-container .daodream-announcement-body-container a:hover, #daodream-container .daodream-announcement-body-container a:link, #daodream-container .daodream-announcement-body-container a:visited {
        color: #fff
    }

    #daodream-container .daodream-announcement-body-container h2 + .ic_button_in_content, #daodream-container .daodream-announcement-body-container h2 + .ic_social_block, #daodream-container .daodream-announcement-body-container h2 + blockquote, #daodream-container .daodream-announcement-body-container h2 + ol, #daodream-container .daodream-announcement-body-container h2 + p, #daodream-container .daodream-announcement-body-container h2 + ul, #daodream-container .daodream-announcement-body-container h3 + .ic_button_in_content, #daodream-container .daodream-announcement-body-container h3 + .ic_social_block, #daodream-container .daodream-announcement-body-container h3 + blockquote, #daodream-container .daodream-announcement-body-container h3 + ol, #daodream-container .daodream-announcement-body-container h3 + p, #daodream-container .daodream-announcement-body-container h3 + ul, #daodream-container .daodream-announcement-body-container h4 + .ic_button_in_content, #daodream-container .daodream-announcement-body-container h4 + .ic_social_block, #daodream-container .daodream-announcement-body-container h4 + blockquote, #daodream-container .daodream-announcement-body-container h4 + ol, #daodream-container .daodream-announcement-body-container h4 + p, #daodream-container .daodream-announcement-body-container h4 + ul, #daodream-container .daodream-announcement-body-container h5 + .ic_button_in_content, #daodream-container .daodream-announcement-body-container h5 + .ic_social_block, #daodream-container .daodream-announcement-body-container h5 + blockquote, #daodream-container .daodream-announcement-body-container h5 + ol, #daodream-container .daodream-announcement-body-container h5 + p, #daodream-container .daodream-announcement-body-container h5 + ul, #daodream-container .daodream-announcement-body-container h6 + .ic_button_in_content, #daodream-container .daodream-announcement-body-container h6 + .ic_social_block, #daodream-container .daodream-announcement-body-container h6 + blockquote, #daodream-container .daodream-announcement-body-container h6 + ol, #daodream-container .daodream-announcement-body-container h6 + p, #daodream-container .daodream-announcement-body-container h6 + ul {
        margin-top: 0
    }

    #daodream-container .daodream-announcement-body-container .daodream-h2b-facebook, #daodream-container .daodream-announcement-body-container .daodream-h2b-twitter {
        max-width: 100%
    }

    #daodream-container .daodream-announcement-body-container iframe[src*="vimeo.com"], #daodream-container .daodream-announcement-body-container iframe[src*="wistia.net"], #daodream-container .daodream-announcement-body-container iframe[src*="youtube.com"] {
        width: 100%;
        height: 272px;
        margin: 20px auto
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button, #daodream-container .daodream-announcement-body-container iframe[src*="wistia.net"] {
        text-transform: capitalize
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button {
        display: table;
        padding: 6px 18px;
        margin: 40px auto;
        font-size: 15px;
        font-weight: 500;
        line-height: 31px;
        color: #fff;
        text-decoration: none
    }

    #daodream-container .daodream-announcement-body-container .daodream-align-right {
        text-align: right !important
    }

    #daodream-container .daodream-announcement-body-container .daodream-align-right .daodream-h2b-button, #daodream-container .daodream-announcement-body-container .daodream-align-right img {
        margin-right: 0 !important
    }

    #daodream-container .daodream-announcement-body-container .daodream-align-center {
        text-align: center !important
    }

    #daodream-container .daodream-announcement-body-container .daodream-align-left {
        text-align: left !important
    }

    #daodream-container .daodream-announcement-body-container .daodream-align-left .daodream-h2b-button, #daodream-container .daodream-announcement-body-container .daodream-align-left img {
        margin-left: 0 !important
    }

    #daodream-container .daodream-announcement-body-container img {
        margin: 10px auto
    }

    #daodream-container .daodream-announcement .daodream-lwr-composer {
        border-radius: 0 0 5px 5px
    }

    #daodream-container .daodream-announcement-avatar-container {
        height: 30px
    }

    #daodream-container .daodream-announcement-avatar {
        position: absolute;
        left: 50%;
        width: 60px;
        height: 60px;
        margin-left: -30px;
        border: 3px solid #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
    }

    #daodream-container .daodream-announcement-body {
        padding: 50px
    }

    #daodream-container .daodream-conversation-announcement .daodream-comment {
        max-width: 400px
    }

    #daodream-container .daodream-small-announcement {
        z-index: 2147483600;
        overflow: hidden
    }

    #daodream-container .daodream-small-announcement-body-container {
        position: relative;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
        color: #455a64;
        background-color: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04)
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-comment-body {
        font-size: 15px;
        font-weight: 400;
        line-height: 23px
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-container, #daodream-container .daodream-small-announcement-body-container a, #daodream-container .daodream-small-announcement-body-container blockquote, #daodream-container .daodream-small-announcement-body-container code, #daodream-container .daodream-small-announcement-body-container h1, #daodream-container .daodream-small-announcement-body-container h2, #daodream-container .daodream-small-announcement-body-container h3, #daodream-container .daodream-small-announcement-body-container h4, #daodream-container .daodream-small-announcement-body-container h5, #daodream-container .daodream-small-announcement-body-container h6, #daodream-container .daodream-small-announcement-body-container ol, #daodream-container .daodream-small-announcement-body-container p, #daodream-container .daodream-small-announcement-body-container ul {
        margin: 20px 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
        word-wrap: break-word
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-container:first-child, #daodream-container .daodream-small-announcement-body-container a:first-child, #daodream-container .daodream-small-announcement-body-container blockquote:first-child, #daodream-container .daodream-small-announcement-body-container code:first-child, #daodream-container .daodream-small-announcement-body-container h1:first-child, #daodream-container .daodream-small-announcement-body-container h2:first-child, #daodream-container .daodream-small-announcement-body-container h3:first-child, #daodream-container .daodream-small-announcement-body-container h4:first-child, #daodream-container .daodream-small-announcement-body-container h5:first-child, #daodream-container .daodream-small-announcement-body-container h6:first-child, #daodream-container .daodream-small-announcement-body-container ol:first-child, #daodream-container .daodream-small-announcement-body-container p:first-child, #daodream-container .daodream-small-announcement-body-container ul:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-container:last-child, #daodream-container .daodream-small-announcement-body-container a:last-child, #daodream-container .daodream-small-announcement-body-container blockquote:last-child, #daodream-container .daodream-small-announcement-body-container code:last-child, #daodream-container .daodream-small-announcement-body-container h1:last-child, #daodream-container .daodream-small-announcement-body-container h2:last-child, #daodream-container .daodream-small-announcement-body-container h3:last-child, #daodream-container .daodream-small-announcement-body-container h4:last-child, #daodream-container .daodream-small-announcement-body-container h5:last-child, #daodream-container .daodream-small-announcement-body-container h6:last-child, #daodream-container .daodream-small-announcement-body-container ol:last-child, #daodream-container .daodream-small-announcement-body-container p:last-child, #daodream-container .daodream-small-announcement-body-container ul:last-child {
        margin-bottom: 0
    }

    #daodream-container .daodream-small-announcement-body-container h1, #daodream-container .daodream-small-announcement-body-container h1 a {
        margin: 27px 0;
        font-size: 22px;
        font-weight: 300;
        line-height: 28px;
        color: #0071b2;
        letter-spacing: .3px
    }

    #daodream-container .daodream-small-announcement-body-container h1:first-child {
        text-align: center;
        text-align-last: center
    }

    #daodream-container .daodream-small-announcement-body-container h2, #daodream-container .daodream-small-announcement-body-container h2 a {
        margin: 20px 0 10px;
        font-size: 15px;
        font-weight: 700;
        line-height: 24px;
        color: #455a64
    }

    #daodream-container .daodream-small-announcement-body-container ol, #daodream-container .daodream-small-announcement-body-container ul {
        padding-left: 30px;
        font-size: 15px;
        padding-start: 40px
    }

    #daodream-container .daodream-small-announcement-body-container [dir=ltr] ol, #daodream-container .daodream-small-announcement-body-container [dir=ltr] ul {
        padding-left: 30px
    }

    #daodream-container .daodream-small-announcement-body-container [dir=rtl] ol, #daodream-container .daodream-small-announcement-body-container [dir=rtl] ul {
        padding-right: 30px
    }

    #daodream-container .daodream-small-announcement-body-container ul > li {
        list-style-type: disc
    }

    #daodream-container .daodream-small-announcement-body-container ol > li {
        list-style-type: decimal
    }

    #daodream-container .daodream-small-announcement-body-container li {
        display: list-item;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 22px
    }

    #daodream-container .daodream-small-announcement-body-container em, #daodream-container .daodream-small-announcement-body-container i {
        font-style: italic
    }

    #daodream-container .daodream-small-announcement-body-container b, #daodream-container .daodream-small-announcement-body-container strong {
        font-weight: 700;
        line-height: 100%
    }

    #daodream-container .daodream-small-announcement-body-container pre {
        padding: 0 0 10px;
        font-size: 15px;
        white-space: pre-wrap
    }

    #daodream-container .daodream-small-announcement-body-container img {
        display: block;
        max-width: 100%;
        margin: 10px 0
    }

    #daodream-container .daodream-small-announcement-body-container p + br {
        display: none
    }

    #daodream-container .daodream-small-announcement-body-container a:active, #daodream-container .daodream-small-announcement-body-container a:hover, #daodream-container .daodream-small-announcement-body-container a:link, #daodream-container .daodream-small-announcement-body-container a:visited {
        text-decoration: underline
    }

    #daodream-container .daodream-small-announcement-body-container a:link, #daodream-container .daodream-small-announcement-body-container a:visited {
        color: #0071b2
    }

    #daodream-container .daodream-small-announcement-body-container a:active, #daodream-container .daodream-small-announcement-body-container a:hover {
        color: #00498a
    }

    #daodream-container .daodream-small-announcement-body-container h2 + .ic_button_in_content, #daodream-container .daodream-small-announcement-body-container h2 + .ic_social_block, #daodream-container .daodream-small-announcement-body-container h2 + blockquote, #daodream-container .daodream-small-announcement-body-container h2 + ol, #daodream-container .daodream-small-announcement-body-container h2 + p, #daodream-container .daodream-small-announcement-body-container h2 + ul, #daodream-container .daodream-small-announcement-body-container h3 + .ic_button_in_content, #daodream-container .daodream-small-announcement-body-container h3 + .ic_social_block, #daodream-container .daodream-small-announcement-body-container h3 + blockquote, #daodream-container .daodream-small-announcement-body-container h3 + ol, #daodream-container .daodream-small-announcement-body-container h3 + p, #daodream-container .daodream-small-announcement-body-container h3 + ul, #daodream-container .daodream-small-announcement-body-container h4 + .ic_button_in_content, #daodream-container .daodream-small-announcement-body-container h4 + .ic_social_block, #daodream-container .daodream-small-announcement-body-container h4 + blockquote, #daodream-container .daodream-small-announcement-body-container h4 + ol, #daodream-container .daodream-small-announcement-body-container h4 + p, #daodream-container .daodream-small-announcement-body-container h4 + ul, #daodream-container .daodream-small-announcement-body-container h5 + .ic_button_in_content, #daodream-container .daodream-small-announcement-body-container h5 + .ic_social_block, #daodream-container .daodream-small-announcement-body-container h5 + blockquote, #daodream-container .daodream-small-announcement-body-container h5 + ol, #daodream-container .daodream-small-announcement-body-container h5 + p, #daodream-container .daodream-small-announcement-body-container h5 + ul, #daodream-container .daodream-small-announcement-body-container h6 + .ic_button_in_content, #daodream-container .daodream-small-announcement-body-container h6 + .ic_social_block, #daodream-container .daodream-small-announcement-body-container h6 + blockquote, #daodream-container .daodream-small-announcement-body-container h6 + ol, #daodream-container .daodream-small-announcement-body-container h6 + p, #daodream-container .daodream-small-announcement-body-container h6 + ul {
        margin-top: 0
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-h2b-facebook, #daodream-container .daodream-small-announcement-body-container .daodream-h2b-twitter {
        max-width: 100%
    }

    #daodream-container .daodream-small-announcement-body-container iframe[src*="vimeo.com"], #daodream-container .daodream-small-announcement-body-container iframe[src*="wistia.net"], #daodream-container .daodream-small-announcement-body-container iframe[src*="youtube.com"] {
        width: 100%;
        height: 162px;
        margin: 20px auto
    }

    #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button, #daodream-container .daodream-small-announcement-body-container iframe[src*="wistia.net"] {
        text-transform: capitalize
    }

    #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button {
        display: table;
        padding: 6px 18px;
        margin: 20px auto;
        font-size: 15px;
        font-weight: 500;
        line-height: 31px;
        color: #fff;
        text-decoration: none
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-align-right {
        text-align: right !important
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-align-right .daodream-h2b-button, #daodream-container .daodream-small-announcement-body-container .daodream-align-right img {
        margin-right: 0 !important
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-align-center {
        text-align: center !important
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-align-left {
        text-align: left !important
    }

    #daodream-container .daodream-small-announcement-body-container .daodream-align-left .daodream-h2b-button, #daodream-container .daodream-small-announcement-body-container .daodream-align-left img {
        margin-left: 0 !important
    }

    #daodream-container .daodream-small-announcement-body-container img {
        margin: 10px auto
    }

    #daodream-container .daodream-small-announcement .daodream-lwr-composer {
        border-radius: 0 0 5px 5px
    }

    #daodream-container .daodream-small-announcement-avatar-container {
        height: 20px
    }

    #daodream-container .daodream-small-announcement-avatar {
        position: absolute;
        left: 50%;
        z-index: 2147483601;
        width: 40px;
        height: 40px;
        margin-left: -22px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        background-color: #fff
    }

    #daodream-container .daodream-small-announcement-body {
        padding: 26px 23px
    }

    #daodream-container .daodream-conversation-preview .daodream-small-announcement-body-container {
        max-height: 320px;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08)
    }

    #daodream-container .daodream-conversation-preview .daodream-small-announcement-body-container:after {
        position: absolute;
        top: 240px;
        z-index: 2147483602;
        width: 100%;
        height: 81px;
        content: "";
        background: linear-gradient(hsla(0, 0%, 100%, 0), #fff 47px);
        border-radius: 0 0 5px 5px
    }

    #daodream-container .daodream-new-anonymous-user-disabled {
        opacity: .5
    }

    #daodream-container .daodream-new-anonymous-user-input-container {
        position: relative;
        width: 240px;
        padding: 5px 0;
        margin: 0 auto
    }

    #daodream-container .daodream-new-anonymous-user, #daodream-container .daodream-new-anonymous-user p {
        transform: translateZ(0)
    }

    #daodream-container .daodream-new-anonymous-user input[type=email] {
        width: 100%;
        height: 34px;
        box-sizing: border-box;
        padding: 0 42px 0 8px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 32px;
        color: #60686e;
        background-color: #fff;
        border: 1px solid #e4e5e7;
        border-radius: 2px;
        appearance: none
    }

    #daodream-container .daodream-new-anonymous-user input[type=email]::-webkit-input-placeholder {
        font-size: 15px;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 32px;
        color: #aeb4b9
    }

    #daodream-container .daodream-new-anonymous-user input[type=email]::-moz-placeholder {
        font-size: 15px;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 32px;
        color: #aeb4b9
    }

    #daodream-container .daodream-new-anonymous-user input[type=email]:-ms-input-placeholder {
        font-size: 15px;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 32px;
        color: #aeb4b9
    }

    #daodream-container .daodream-new-anonymous-user input[type=email].daodream-new-anonymous-user-email-invalid {
        background-color: #fcedee;
        border-color: #d76060
    }

    #daodream-container .daodream-new-anonymous-user input[type=submit] {
        position: absolute;
        top: 9px;
        right: 4px;
        width: 34px;
        height: 24px;
        padding: 0;
        margin: 0;
        background: #0071b2;
        background-image: url(), linear-gradient(180deg, #1485c6, #0071b2);
        background-repeat: no-repeat;
        background-position: 50%
    }

    #daodream-container .daodream-new-anonymous-user input[type=submit]:hover {
        background: #005d9e;
        background-image: url(), linear-gradient(180deg, #0071b2, #005d9e);
        background-repeat: no-repeat;
        background-position: 50%
    }

    #daodream-container .daodream-new-anonymous-user input[type=submit]:disabled {
        background: #acbbc2;
        background-image: url(), linear-gradient(180deg, #b6c5cb, #acbbc2);
        background-repeat: no-repeat;
        background-position: 50%
    }

    #daodream-container .daodream-upload-remove {
        top: 2px;
        right: -22px;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        cursor: pointer;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 14px 14px;
        opacity: .8
    }

    #daodream-container .daodream-upload-remove:hover {
        opacity: 1
    }

    #daodream-container .daodream-unread-counter {
        position: absolute;
        top: 11px;
        left: 11px;
        display: none;
        width: 16px;
        height: 16px;
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background-color: #0071b2;
        border: 2px solid #fff;
        border-radius: 50%
    }

    #daodream-container .daodream-unread-counter.daodream-unread-counter-active {
        display: block
    }

    #daodream-container .daodream-is-typing:after, #daodream-container .daodream-is-typing:before {
        display: table;
        content: ""
    }

    #daodream-container .daodream-is-typing:after {
        clear: both
    }

    #daodream-container .daodream-is-typing-icon {
        height: 30px;
        width: 60px;
        cursor: default;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 60px 30px
    }

    #daodream-container .daodream-is-typing .daodream-comment-body {
        min-width: 60px;
        padding-left: 12px
    }

    #daodream-container.daodream-ie8 .daodream-sheet-content {
        clip: rect(-9999px, 9999px, 9999px, -9999px)
    }

    #daodream-container.daodream-ie8 .daodream-conversation, #daodream-container.daodream-ie8 .daodream-conversations, #daodream-container.daodream-ie8 .daodream-sheet-loading {
        border-left: 1px solid #dadee2
    }

    #daodream-container.daodream-ie8 .daodream-app-profile, #daodream-container.daodream-ie8 .daodream-sheet-header {
        border-bottom: 1px solid #dadee2
    }

    #daodream-container.daodream-ie8 .daodream-composer, #daodream-container.daodream-ie8 .daodream-sheet-footer {
        border-top: 1px solid #dadee2
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-enabled .daodream-lwr-composer-option:hover, #daodream-container.daodream-ie8 .daodream-lwr-composer-option-selected.daodream-lwr-composer-option {
        background-color: #f7f7f7
    }

    #daodream-container.daodream-ie8 .daodream-comment {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }

    #daodream-container.daodream-ie8 .daodream-comment-by-admin .daodream-comment-body-container, #daodream-container.daodream-ie8 .daodream-comment-by-user .daodream-comment-body-container {
        float: right;
        max-width: 272px;
        clear: both
    }

    #daodream-container.daodream-ie8 .daodream-comment-metadata-container {
        clear: both
    }

    #daodream-container.daodream-ie8 .daodream-comment-by-admin .daodream-comment-body-container {
        float: left
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option svg {
        display: none
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option .daodream-lwr-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9px;
        background-repeat: no-repeat
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option.daodream-lwr-composer-option-thumbs-up .daodream-lwr-icon {
        background-image: url()
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option.daodream-lwr-composer-option-thumbs-down .daodream-lwr-icon {
        background-image: url()
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option.daodream-lwr-composer-option-happy .daodream-lwr-icon {
        background-image: url()
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option.daodream-lwr-composer-option-neutral .daodream-lwr-icon {
        background-image: url()
    }

    #daodream-container.daodream-ie8 .daodream-lwr-composer-option.daodream-lwr-composer-option-sad .daodream-lwr-icon {
        background-image: url()
    }

    #daodream-container.daodream-ie8 .daodream-autoresponse-icon {
        background-color: #fafafa;
        border: none
    }

    #daodream-container.daodream-ie8 .daodream-autoresponse-icon i {
        width: 32px;
        height: 32px;
        margin: 2px;
        background: url()
    }

    #daodream-container.daodream-ie8 .daodream-conversations-new-conversation-button i {
        height: 14px;
        background-image: url()
    }

    #daodream-container.daodream-ie8 .daodream-conversations-item-user-avatar {
        background-image: url()
    }

    #daodream-container .daodream-conversation-parts {
        transition: opacity .2s
    }

    #daodream-container .daodream-conversation-preview .daodream-sheet-header, #daodream-container .daodream-sheet-loading .daodream-conversation-parts {
        transition: none
    }

    @keyframes daodream-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    #daodream-container .daodream-conversations-fetching .daodream-conversations-spinner, #daodream-container .daodream-sheet-loading .daodream-sheet-spinner {
        animation: daodream-spin 1s infinite linear
    }

    @keyframes daodream-lwr-composer-option-bounce {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.5);
            transform: scale(1.5)
        }
        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    #daodream-container .daodream-lwr-composer-option-pop svg {
        animation: daodream-lwr-composer-option-bounce .2s ease-in 0 both
    }

    #daodream-container .daodream-announcement a.daodream-h2b-button, #daodream-container .daodream-announcement a.daodream-h2b-button:hover, #daodream-container .daodream-small-announcement a.daodream-h2b-button, #daodream-container .daodream-small-announcement a.daodream-h2b-button:hover {
        transition: background-color .05s linear
    }

    #daodream-container .daodream-announcement-body-container a.daodream-h2b-button, #daodream-container .daodream-composer-send-button, #daodream-container .daodream-conversations-new-conversation-button, #daodream-container .daodream-new-anonymous-user input[type=submit], #daodream-container .daodream-small-announcement-body-container a.daodream-h2b-button {
        transition: background-color .1s linear
    }

    #daodream-container .daodream-sheet {
        transition: transform .3s cubic-bezier(.445, .05, .55, .95), visibility 0s linear .3s;
        transform: translateX(350px);
        box-shadow: -1px 0 0 0 rgba(0, 0, 0, .1), -1px 0 2px 0 rgba(0, 0, 0, .1)
    }

    #daodream-container .daodream-messenger-active .daodream-sheet {
        transition: transform .3s cubic-bezier(.445, .05, .55, .95), visibility 0s;
        transform: translateX(0)
    }

    #daodream-container .daodream-sheet-minimized {
        transition: transform .25s ease-in-out, opacity .1s linear, visibility 0s linear .25s;
        transform: scale(0)
    }

    #daodream-container .daodream-conversation-embed .daodream-embed-no-header {
        top: 0;
        padding-top: 0
    }

    #daodream-container .daodream-conversation-embed .daodream-sheet-content {
        z-index: 1;
        overflow: auto
    }

    #daodream-container .daodream-conversation-embed .daodream-sheet-body, #daodream-container .daodream-conversation-embed .daodream-sheet-content, #daodream-container .daodream-conversation-embed .daodream-sheet-footer, #daodream-container .daodream-conversation-embed .daodream-sheet-header {
        position: absolute;
        width: 100%
    }

    #daodream-container .daodream-conversation-embed .daodream-sheet-header, #daodream-container .daodream-conversation-embed .daodream-small-announcement-avatar {
        z-index: 1
    }

    #daodream-container .daodream-conversation-embed .daodream-sheet-body, #daodream-container .daodream-conversation-embed .daodream-small-announcement {
        z-index: auto
    }

    #daodream-container .daodream-conversation-embed .daodream-sheet-body {
        z-index: 0;
        border: none
    }

    #daodream-container .daodream-conversation-embed .daodream-comment-timestamp {
        display: none
    }

    #daodream-container .daodream-conversation-embed .daodream-composer {
        z-index: 0
    }

    #daodream-container .daodream-emoji-sub-icon {
        position: relative;
        top: 2px;
        margin: 1px;
        background-image: url(https://widget-static-cdn.daovoice.io/dist/emoji-spritemap-16.bc0d768eee7a2df59fed1754ba4a337b.png);
        background-repeat: no-repeat;
        background-size: 464px 464px
    }

    @media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
        #daodream-container .daodream-emoji-sub-icon {
            background-image: url(https://widget-static-cdn.daovoice.io/dist/emoji-spritemap-32.93b83e6d8b484e9f6a5bc614f1bfe5be.png)
        }
    }

    #daodream-container .daodream-sticker-comment-body {
        padding: 0
    }

    #daodream-container .daodream-sticker-user-comment, #daodream-container .daodream-sticker-user-comment .daodream-comment-metadata, #daodream-container .daodream-sticker-user-comment .daodream-sticker-comment-body {
        float: right
    }

    #daodream-container .daodream-sticker-admin-comment {
        padding-left: 38px
    }

    #daodream-container .daodream-sticker-image {
        width: 48px;
        min-width: 48px;
        height: 48px;
        min-height: 48px
    }

    #daodream-container .emoji-wrapper {
        font-size: 48px;
        line-height: 1.1
    }

    #daodream-container .daodream-interblocks-video-reply {
        z-index: 0;
        display: block;
        width: 100%;
        background-color: #000;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .8)
    }

    #daodream-container .daodream-video-reply {
        position: relative
    }

    #daodream-container .daodream-video-reply:hover div {
        opacity: 1;
        transition: opacity .4s ease
    }

    #daodream-container .daodream-video-reply-controls {
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 64px
    }

    #daodream-container .daodream-video-reply-controls-shading {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(transparent, rgba(0, 0, 0, .7));
        opacity: 0
    }

    #daodream-container .daodream-video-reply-controls-bar {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 40px
    }

    #daodream-container .daodream-video-reply-controls-playpausebutton {
        position: absolute;
        left: 0;
        width: 39px;
        height: 100%;
        cursor: pointer;
        background-position: 50%;
        opacity: 0
    }

    #daodream-container .daodream-video-reply-controls-playpausebutton.daodream-paused {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 11px 12px
    }

    @media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
        #daodream-container .daodream-video-reply-controls-playpausebutton.daodream-paused {
            background-image: url()
        }
    }

    #daodream-container .daodream-video-reply-controls-playpausebutton.daodream-unpaused {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 10px 12px
    }

    @media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
        #daodream-container .daodream-video-reply-controls-playpausebutton.daodream-unpaused {
            background-image: url()
        }
    }

    #daodream-container .daodream-video-reply-controls-mutebutton {
        position: absolute;
        right: 0;
        width: 45px;
        height: 100%;
        cursor: pointer;
        background-position: 50%
    }

    #daodream-container .daodream-video-reply-controls-mutebutton.daodream-muted {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 19px 18px;
        opacity: 1
    }

    @media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
        #daodream-container .daodream-video-reply-controls-mutebutton.daodream-muted {
            background-image: url()
        }
    }

    #daodream-container .daodream-video-reply-controls-mutebutton.daodream-unmuted {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 19px 18px;
        opacity: 0
    }

    @media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
        #daodream-container .daodream-video-reply-controls-mutebutton.daodream-unmuted {
            background-image: url()
        }
    }

    #daodream-container .daodream-video-reply-controls-progressbar {
        position: absolute;
        bottom: 19px;
        left: 39px;
        width: 180px;
        height: 2px;
        background: hsla(0, 0%, 100%, .5);
        border-radius: 1px;
        opacity: 0
    }

    #daodream-container .daodream-image-only-comment-body {
        padding: 0;
        margin: 10px 0
    }

    #daodream-container .daodream-image-only-comment-body img {
        border-radius: 4px
    }

    #daodream-container .daodream-image-only-user-comment, #daodream-container .daodream-image-only-user-comment .daodream-comment-metadata {
        float: right
    }

    #daodream-container .daodream-image-only-admin-comment {
        padding-left: 38px
    }

    @keyframes fade-in {
        0% {
            opacity: 0
        }
        25% {
            opacity: 0
        }
        50% {
            opacity: 0
        }
        75% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }

    #daodream-container .daodream-installation-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2147482999;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: rgba(53, 53, 53, .9);
        animation-name: fade-in;
        animation-duration: .75s
    }

    #daodream-container .daodream-installation-content {
        position: relative;
        top: 50%;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        text-align: inherit;
        transform: translateY(-50%)
    }

    #daodream-container .daodream-installation-icon {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #65cc93;
        background-image: url("");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 25px 21px;
        border-radius: 50%
    }

    #daodream-container .daodream-installation-heading {
        margin: 20px 0;
        font-size: 30px;
        font-weight: 700;
        text-align: inherit
    }

    #daodream-container .daodream-installation-message {
        margin: 10px 0;
        font-weight: 700;
        text-align: inherit
    }

    #daodream-container .daodream-installation-message:before {
        margin-right: 5px;
        content: "\2014"
    }

    #daodream-container .daodream-installation-button {
        padding: 1.3em 2.2em;
        margin-top: 20px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        background: none;
        border: 1px solid #fff;
        border-radius: 20%/50%;
        outline: 0
    }

    #daodream-container .daodream-installation-button:hover {
        color: #ddd;
        border-color: #ddd
    }

    #daodream-container .daodream-installation-arrow {
        position: absolute;
        right: 85px;
        bottom: 32px;
        width: 40px;
        height: 40px;
        background-image: url("");
        background-repeat: no-repeat;
        background-size: 40px 40px
    }

    #daodream-container .daodream-sheet-loading .daodream-app-profile-container {
        visibility: hidden
    }

    #daodream-container .daodream-app-profile-container {
        padding: 16px 16px 0
    }

    #daodream-container .daodream-app-profile {
        padding: 16px 12px;
        overflow: hidden;
        background-color: #fdfdfd;
        border: 1px solid #dadee2;
        border-radius: 5px
    }

    #daodream-container .daodream-app-profile-team {
        font-size: 15px;
        font-weight: 500;
        color: #455a64;
        text-align: center
    }

    #daodream-container .daodream-app-profile-last-active .daodream-last-active {
        position: relative;
        bottom: auto;
        padding-top: 2px
    }

    #daodream-container .daodream-active-admins {
        padding-top: 11px;
        color: #364850;
        text-align: center
    }

    #daodream-container .daodream-active-admin {
        display: inline-block;
        margin: 0 2px
    }

    #daodream-container .daodream-active-admin-avatar {
        margin: 0 auto;
        overflow: hidden;
        background-color: #e5e5e5
    }

    #daodream-container .daodream-active-admin-avatar, #daodream-container .daodream-active-admin-avatar img {
        width: 44px;
        height: 44px;
        border-radius: 50%
    }

    #daodream-container .daodream-active-admin-default-avatar {
        font-size: 22px;
        font-weight: 500;
        line-height: 44px;
        color: #fff;
        text-align: center;
        background-color: #0071b2
    }

    #daodream-container .daodream-active-admin-name {
        width: 80px;
        padding-top: 7px;
        overflow: hidden;
        font-size: 12px;
        color: #78909c;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #daodream-container .daodream-app-profile-text {
        padding: 13px 10px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #455a64;
        text-align: center
    }

    #daodream-container .daodream-app-profile-text p {
        text-align: center
    }

    #daodream-container .daodream-app-profile-text .daodream-comment-body {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-app-profile-text .daodream-container, #daodream-container .daodream-app-profile-text a, #daodream-container .daodream-app-profile-text blockquote, #daodream-container .daodream-app-profile-text code, #daodream-container .daodream-app-profile-text h1, #daodream-container .daodream-app-profile-text h2, #daodream-container .daodream-app-profile-text h3, #daodream-container .daodream-app-profile-text h4, #daodream-container .daodream-app-profile-text h5, #daodream-container .daodream-app-profile-text h6, #daodream-container .daodream-app-profile-text ol, #daodream-container .daodream-app-profile-text p, #daodream-container .daodream-app-profile-text ul {
        margin: 20px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        word-wrap: break-word
    }

    #daodream-container .daodream-app-profile-text .daodream-container:first-child, #daodream-container .daodream-app-profile-text a:first-child, #daodream-container .daodream-app-profile-text blockquote:first-child, #daodream-container .daodream-app-profile-text code:first-child, #daodream-container .daodream-app-profile-text h1:first-child, #daodream-container .daodream-app-profile-text h2:first-child, #daodream-container .daodream-app-profile-text h3:first-child, #daodream-container .daodream-app-profile-text h4:first-child, #daodream-container .daodream-app-profile-text h5:first-child, #daodream-container .daodream-app-profile-text h6:first-child, #daodream-container .daodream-app-profile-text ol:first-child, #daodream-container .daodream-app-profile-text p:first-child, #daodream-container .daodream-app-profile-text ul:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-app-profile-text .daodream-container:last-child, #daodream-container .daodream-app-profile-text a:last-child, #daodream-container .daodream-app-profile-text blockquote:last-child, #daodream-container .daodream-app-profile-text code:last-child, #daodream-container .daodream-app-profile-text h1:last-child, #daodream-container .daodream-app-profile-text h2:last-child, #daodream-container .daodream-app-profile-text h3:last-child, #daodream-container .daodream-app-profile-text h4:last-child, #daodream-container .daodream-app-profile-text h5:last-child, #daodream-container .daodream-app-profile-text h6:last-child, #daodream-container .daodream-app-profile-text ol:last-child, #daodream-container .daodream-app-profile-text p:last-child, #daodream-container .daodream-app-profile-text ul:last-child {
        margin-bottom: 0
    }

    #daodream-container .daodream-app-profile-text h1, #daodream-container .daodream-app-profile-text h1 a {
        margin: 27px 0;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit;
        letter-spacing: normal
    }

    #daodream-container .daodream-app-profile-text h2, #daodream-container .daodream-app-profile-text h2 a {
        margin: 20px 0 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit
    }

    #daodream-container .daodream-app-profile-text ol, #daodream-container .daodream-app-profile-text ul {
        padding-left: 30px;
        font-size: 14px;
        padding-start: 40px
    }

    #daodream-container .daodream-app-profile-text [dir=ltr] ol, #daodream-container .daodream-app-profile-text [dir=ltr] ul {
        padding-left: 30px
    }

    #daodream-container .daodream-app-profile-text [dir=rtl] ol, #daodream-container .daodream-app-profile-text [dir=rtl] ul {
        padding-right: 30px
    }

    #daodream-container .daodream-app-profile-text ul > li {
        list-style-type: disc
    }

    #daodream-container .daodream-app-profile-text ol > li {
        list-style-type: decimal
    }

    #daodream-container .daodream-app-profile-text li {
        display: list-item;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-app-profile-text em, #daodream-container .daodream-app-profile-text i {
        font-style: italic
    }

    #daodream-container .daodream-app-profile-text b, #daodream-container .daodream-app-profile-text strong {
        font-weight: 700;
        line-height: 100%
    }

    #daodream-container .daodream-app-profile-text pre {
        padding: 0 0 10px;
        font-size: 14px;
        white-space: pre-wrap
    }

    #daodream-container .daodream-app-profile-text img {
        display: block;
        max-width: 100%;
        margin: 10px 0
    }

    #daodream-container .daodream-app-profile-text p + br {
        display: none
    }

    #daodream-container .daodream-app-profile-text a:active, #daodream-container .daodream-app-profile-text a:hover, #daodream-container .daodream-app-profile-text a:link, #daodream-container .daodream-app-profile-text a:visited {
        text-decoration: underline
    }

    #daodream-container .daodream-app-profile-text a:link, #daodream-container .daodream-app-profile-text a:visited {
        color: #0071b2
    }

    #daodream-container .daodream-app-profile-text a:active, #daodream-container .daodream-app-profile-text a:hover {
        color: #00498a
    }

    #daodream-container .daodream-app-profile-text h2 + .ic_button_in_content, #daodream-container .daodream-app-profile-text h2 + .ic_social_block, #daodream-container .daodream-app-profile-text h2 + blockquote, #daodream-container .daodream-app-profile-text h2 + ol, #daodream-container .daodream-app-profile-text h2 + p, #daodream-container .daodream-app-profile-text h2 + ul, #daodream-container .daodream-app-profile-text h3 + .ic_button_in_content, #daodream-container .daodream-app-profile-text h3 + .ic_social_block, #daodream-container .daodream-app-profile-text h3 + blockquote, #daodream-container .daodream-app-profile-text h3 + ol, #daodream-container .daodream-app-profile-text h3 + p, #daodream-container .daodream-app-profile-text h3 + ul, #daodream-container .daodream-app-profile-text h4 + .ic_button_in_content, #daodream-container .daodream-app-profile-text h4 + .ic_social_block, #daodream-container .daodream-app-profile-text h4 + blockquote, #daodream-container .daodream-app-profile-text h4 + ol, #daodream-container .daodream-app-profile-text h4 + p, #daodream-container .daodream-app-profile-text h4 + ul, #daodream-container .daodream-app-profile-text h5 + .ic_button_in_content, #daodream-container .daodream-app-profile-text h5 + .ic_social_block, #daodream-container .daodream-app-profile-text h5 + blockquote, #daodream-container .daodream-app-profile-text h5 + ol, #daodream-container .daodream-app-profile-text h5 + p, #daodream-container .daodream-app-profile-text h5 + ul, #daodream-container .daodream-app-profile-text h6 + .ic_button_in_content, #daodream-container .daodream-app-profile-text h6 + .ic_social_block, #daodream-container .daodream-app-profile-text h6 + blockquote, #daodream-container .daodream-app-profile-text h6 + ol, #daodream-container .daodream-app-profile-text h6 + p, #daodream-container .daodream-app-profile-text h6 + ul {
        margin-top: 0
    }

    #daodream-container .daodream-app-profile-text .daodream-h2b-facebook, #daodream-container .daodream-app-profile-text .daodream-h2b-twitter {
        max-width: 100%
    }

    #daodream-container .daodream-app-profile-text iframe[src*="vimeo.com"], #daodream-container .daodream-app-profile-text iframe[src*="wistia.net"], #daodream-container .daodream-app-profile-text iframe[src*="youtube.com"] {
        width: 100%;
        height: 149px;
        margin: 20px auto
    }

    #daodream-container .daodream-app-profile-text a.daodream-h2b-button, #daodream-container .daodream-app-profile-text iframe[src*="wistia.net"] {
        text-transform: capitalize
    }

    #daodream-container .daodream-app-profile-text p a:link, #daodream-container .daodream-app-profile-text p a:visited {
        color: #455a64
    }

    #daodream-container .daodream-image-viewable {
        cursor: zoom-in
    }

    #daodream-container .daodream-zoomed-image {
        position: fixed;
        z-index: 2147483604;
        cursor: zoom-out;
        transition: all .3s ease
    }

    #daodream-container .daodream-zoomed-image-placeholder {
        background-color: #e4e5e7;
        border-radius: 4px
    }

    #daodream-container .daodream-image-viewer-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483603;
        cursor: zoom-out;
        background: #000;
        opacity: 0
    }

    @keyframes daodream-fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0, 100%, 0)
        }
        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @keyframes daodream-fadeOutUp {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes daodream-fadeInRight {
        0% {
            opacity: 0;
            transform: translate3d(50%, 0, 0)
        }
        to {
            opacity: 1;
            transform: none
        }
    }

    .daodream-fadeInRight-enter {
        animation-name: daodream-fadeInRight;
        opacity: 0;
        animation-duration: .6s
    }

    .daodream-fadeInUp-enter {
        animation-name: daodream-fadeInUp;
        animation-duration: .6s
    }

    .daodream-fadeInUp-leave {
        opacity: 0;
        transform: translateZ(0)
    }

    #daodream-container .daodream-launcher-preview .daodream-container, #daodream-container .daodream-launcher-preview a, #daodream-container .daodream-launcher-preview blockquote, #daodream-container .daodream-launcher-preview code, #daodream-container .daodream-launcher-preview h1, #daodream-container .daodream-launcher-preview h2, #daodream-container .daodream-launcher-preview h3, #daodream-container .daodream-launcher-preview h4, #daodream-container .daodream-launcher-preview h5, #daodream-container .daodream-launcher-preview h6, #daodream-container .daodream-launcher-preview ol, #daodream-container .daodream-launcher-preview p, #daodream-container .daodream-launcher-preview ul {
        margin: 20px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        word-wrap: break-word
    }

    #daodream-container .daodream-launcher-preview .daodream-container:first-child, #daodream-container .daodream-launcher-preview a:first-child, #daodream-container .daodream-launcher-preview blockquote:first-child, #daodream-container .daodream-launcher-preview code:first-child, #daodream-container .daodream-launcher-preview h1:first-child, #daodream-container .daodream-launcher-preview h2:first-child, #daodream-container .daodream-launcher-preview h3:first-child, #daodream-container .daodream-launcher-preview h4:first-child, #daodream-container .daodream-launcher-preview h5:first-child, #daodream-container .daodream-launcher-preview h6:first-child, #daodream-container .daodream-launcher-preview ol:first-child, #daodream-container .daodream-launcher-preview p:first-child, #daodream-container .daodream-launcher-preview ul:first-child {
        margin-top: 0
    }

    #daodream-container .daodream-launcher-preview .daodream-container:last-child, #daodream-container .daodream-launcher-preview a:last-child, #daodream-container .daodream-launcher-preview blockquote:last-child, #daodream-container .daodream-launcher-preview code:last-child, #daodream-container .daodream-launcher-preview h1:last-child, #daodream-container .daodream-launcher-preview h2:last-child, #daodream-container .daodream-launcher-preview h3:last-child, #daodream-container .daodream-launcher-preview h4:last-child, #daodream-container .daodream-launcher-preview h5:last-child, #daodream-container .daodream-launcher-preview h6:last-child, #daodream-container .daodream-launcher-preview ol:last-child, #daodream-container .daodream-launcher-preview p:last-child, #daodream-container .daodream-launcher-preview ul:last-child {
        margin-bottom: 0
    }

    #daodream-container .daodream-launcher-preview h1, #daodream-container .daodream-launcher-preview h1 a {
        margin: 27px 0;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit;
        letter-spacing: normal
    }

    #daodream-container .daodream-launcher-preview h2, #daodream-container .daodream-launcher-preview h2 a {
        margin: 20px 0 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: inherit
    }

    #daodream-container .daodream-launcher-preview ol, #daodream-container .daodream-launcher-preview ul {
        padding-left: 30px;
        font-size: 14px;
        -webkit-padding-start: 40px;
        -khtml-padding-start: 40px;
        -o-padding-start: 40px;
        padding-start: 40px
    }

    #daodream-container .daodream-launcher-preview [dir=ltr] ol, #daodream-container .daodream-launcher-preview [dir=ltr] ul {
        padding-left: 30px
    }

    #daodream-container .daodream-launcher-preview [dir=rtl] ol, #daodream-container .daodream-launcher-preview [dir=rtl] ul {
        padding-right: 30px
    }

    #daodream-container .daodream-launcher-preview ul > li {
        list-style-type: disc
    }

    #daodream-container .daodream-launcher-preview ol > li {
        list-style-type: decimal
    }

    #daodream-container .daodream-launcher-preview li {
        display: list-item;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-launcher-preview em, #daodream-container .daodream-launcher-preview i {
        font-style: italic
    }

    #daodream-container .daodream-launcher-preview b, #daodream-container .daodream-launcher-preview strong {
        font-weight: 700;
        line-height: 100%
    }

    #daodream-container .daodream-launcher-preview pre {
        padding: 0 0 10px;
        font-size: 14px;
        white-space: pre-wrap
    }

    #daodream-container .daodream-launcher-preview img {
        display: block;
        max-width: 100%;
        margin: 10px 0
    }

    #daodream-container .daodream-launcher-preview p + br {
        display: none
    }

    #daodream-container .daodream-launcher-preview a:active, #daodream-container .daodream-launcher-preview a:hover, #daodream-container .daodream-launcher-preview a:link, #daodream-container .daodream-launcher-preview a:visited {
        text-decoration: underline
    }

    #daodream-container .daodream-launcher-preview a:link, #daodream-container .daodream-launcher-preview a:visited {
        color: #0071b2
    }

    #daodream-container .daodream-launcher-preview a:active, #daodream-container .daodream-launcher-preview a:hover {
        color: #00498a
    }

    #daodream-container .daodream-launcher-preview h2 + .ic_button_in_content, #daodream-container .daodream-launcher-preview h2 + .ic_social_block, #daodream-container .daodream-launcher-preview h2 + blockquote, #daodream-container .daodream-launcher-preview h2 + ol, #daodream-container .daodream-launcher-preview h2 + p, #daodream-container .daodream-launcher-preview h2 + ul, #daodream-container .daodream-launcher-preview h3 + .ic_button_in_content, #daodream-container .daodream-launcher-preview h3 + .ic_social_block, #daodream-container .daodream-launcher-preview h3 + blockquote, #daodream-container .daodream-launcher-preview h3 + ol, #daodream-container .daodream-launcher-preview h3 + p, #daodream-container .daodream-launcher-preview h3 + ul, #daodream-container .daodream-launcher-preview h4 + .ic_button_in_content, #daodream-container .daodream-launcher-preview h4 + .ic_social_block, #daodream-container .daodream-launcher-preview h4 + blockquote, #daodream-container .daodream-launcher-preview h4 + ol, #daodream-container .daodream-launcher-preview h4 + p, #daodream-container .daodream-launcher-preview h4 + ul, #daodream-container .daodream-launcher-preview h5 + .ic_button_in_content, #daodream-container .daodream-launcher-preview h5 + .ic_social_block, #daodream-container .daodream-launcher-preview h5 + blockquote, #daodream-container .daodream-launcher-preview h5 + ol, #daodream-container .daodream-launcher-preview h5 + p, #daodream-container .daodream-launcher-preview h5 + ul, #daodream-container .daodream-launcher-preview h6 + .ic_button_in_content, #daodream-container .daodream-launcher-preview h6 + .ic_social_block, #daodream-container .daodream-launcher-preview h6 + blockquote, #daodream-container .daodream-launcher-preview h6 + ol, #daodream-container .daodream-launcher-preview h6 + p, #daodream-container .daodream-launcher-preview h6 + ul {
        margin-top: 0
    }

    #daodream-container .daodream-launcher-preview .daodream-h2b-facebook, #daodream-container .daodream-launcher-preview .daodream-h2b-twitter {
        max-width: 100%
    }

    #daodream-container .daodream-launcher-preview iframe[src*="vimeo.com"], #daodream-container .daodream-launcher-preview iframe[src*="wistia.net"], #daodream-container .daodream-launcher-preview iframe[src*="youtube.com"] {
        width: 100%;
        height: 149px;
        margin: 20px auto
    }

    #daodream-container .daodream-launcher-preview a.daodream-h2b-button, #daodream-container .daodream-launcher-preview iframe[src*="wistia.net"] {
        text-transform: capitalize
    }

    #daodream-container.daodream-ie8 .daodream-launcher.daodream-launcher-with-badge .daodream-launcher-button-with-avatar, #daodream-container.daodream-ie8 .daodream-launcher.daodream-launcher-with-notification .daodream-launcher-button-with-avatar {
        display: none
    }

    #daodream-container.daodream-ie8 .daodream-launcher.daodream-launcher-with-badge .daodream-launcher-button-without-avatar, #daodream-container.daodream-ie8 .daodream-launcher.daodream-launcher-with-notification .daodream-launcher-button-without-avatar {
        visibility: visible
    }

    #daodream-container.daodream-ie8 .daodream-launcher.daodream-launcher-with-badge .daodream-launcher-badge, #daodream-container.daodream-ie8 .daodream-launcher.daodream-launcher-with-notification .daodream-launcher-badge {
        right: 0
    }

    @keyframes daodream-launcher-show-avatar {
        0% {
            transform: scale(0)
        }
        80% {
            transform: scale(1.2)
        }
        to {
            transform: scale(1)
        }
    }

    @keyframes daodream-launcher-hide-and-show-avatar {
        0% {
            transform: scale(1)
        }
        50% {
            transform: scale(0)
        }
        80% {
            transform: scale(1.2)
        }
        to {
            transform: scale(1)
        }
    }

    @keyframes daodream-launcher-show-badge {
        0% {
            opacity: 0;
            transform: scale(0)
        }
        50% {
            opacity: 0
        }
        75% {
            opacity: 1;
            transform: scale(1.1)
        }
        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    @keyframes daodream-launcher-show-preview {
        0% {
            opacity: 0;
            transform: translate(10px)
        }
        50% {
            transform: translate(-5px) scale(1.05)
        }
        to {
            opacity: 1;
            transform: translate(0) scale(1)
        }
    }

    @keyframes daodream-launcher-update-preview {
        0% {
            opacity: 1;
            transform: translate(0) scale(1)
        }
        50% {
            transform: translate(-5px) scale(.95)
        }
        to {
            opacity: 0;
            transform: translate(10px) scale(0)
        }
    }

    @keyframes daodream-launcher-minimize {
        0% {
            transform: scale(1)
        }
        to {
            transform: scale(0)
        }
    }

    @keyframes daodream-launcher-maximize {
        0% {
            transform: scale(0)
        }
        to {
            transform: scale(1)
        }
    }

    #daodream-container .daodream-launcher {
        position: fixed;
        z-index: 2147483000;
        width: 48px;
        height: 48px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        visibility: hidden;
        transform: translateZ(0)
    }

    #daodream-container .daodream-launcher.daodream-launcher-minimized {
        transition: opacity, .1s
    }

    #daodream-container .daodream-launcher.daodream-launcher-minimized .daodream-launcher-button {
        transition: background-image 0s linear .1s;
        animation: daodream-launcher-minimize .1s linear 0s both
    }

    #daodream-container .daodream-launcher.daodream-launcher-maximized .daodream-launcher-button {
        animation: daodream-launcher-maximize .1s linear 0s both
    }

    #daodream-container .daodream-launcher.daodream-launcher-with-updated-avatar .daodream-launcher-button {
        animation: daodream-launcher-show-avatar .15s ease-out 1s both
    }

    #daodream-container .daodream-launcher .daodream-launcher-enabled.daodream-launcher-with-updated-avatar .daodream-launcher-button, #daodream-container .daodream-launcher .daodream-launcher-maximized.daodream-launcher-with-updated-avatar .daodream-launcher-button {
        transition: background-image 0s linear 1.15s, background-size 0s linear 1.15s, border-width 0s linear 1.15s;
        animation: daodream-launcher-hide-and-show-avatar .3s ease-out 1s both
    }

    #daodream-container .daodream-launcher.daodream-launcher-with-badge .daodream-launcher-badge {
        animation: daodream-launcher-show-badge .3s ease-out 1.5s both
    }

    #daodream-container .daodream-launcher .daodream-launcher-enabled.daodream-launcher-with-updated-avatar.daodream-launcher-with-initials .daodream-launcher-initials, #daodream-container .daodream-launcher.daodream-launcher-with-updated-avatar.daodream-launcher-with-initials .daodream-launcher-initials {
        animation: daodream-launcher-show-avatar .3s ease-out 1s both
    }

    #daodream-container .daodream-launcher.daodream-launcher-with-preview .daodream-launcher-preview {
        animation: daodream-launcher-show-preview .3s ease-in-out 1.5s both
    }

    #daodream-container .daodream-launcher.daodream-launcher-with-preview .daodream-launcher-update-preview {
        animation: daodream-launcher-update-preview .3s ease-out 1s both
    }

    #daodream-container .daodream-launcher.daodream-launcher-with-preview .daodream-launcher-preview-close {
        transition: opacity .1s ease-in
    }

    #daodream-container #daodream-embedded-launcher {
        position: relative;
        z-index: 2147483000;
        width: 48px;
        height: 48px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif
    }

    #daodream-container #daodream-embedded-launcher.daodream-launcher-with-preview {
        width: 340px
    }

    #daodream-container .daodream-launcher-enabled {
        visibility: visible
    }

    #daodream-container .daodream-launcher-inactive {
        visibility: hidden
    }

    #daodream-container .daodream-launcher-badge, #daodream-container .daodream-launcher-initials, #daodream-container .daodream-launcher-preview {
        visibility: hidden;
        opacity: 0
    }

    #daodream-container .daodream-launcher-inactive.daodream-launcher-maximized {
        visibility: visible;
        opacity: 1
    }

    #daodream-container .daodream-launcher-inactive.daodream-launcher-minimized {
        opacity: 0
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-preview, #daodream-container .daodream-launcher-maximized.daodream-launcher-with-preview {
        width: 330px
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-badge .daodream-launcher-badge, #daodream-container .daodream-launcher-active.daodream-launcher-with-initials .daodream-launcher-initials, #daodream-container .daodream-launcher-active.daodream-launcher-with-preview .daodream-launcher-preview, #daodream-container .daodream-launcher-maximized.daodream-launcher-with-badge .daodream-launcher-badge, #daodream-container .daodream-launcher-maximized.daodream-launcher-with-initials .daodream-launcher-initials, #daodream-container .daodream-launcher-maximized.daodream-launcher-with-preview .daodream-launcher-preview {
        visibility: visible;
        opacity: 1
    }

    #daodream-container .daodream-launcher.daodream-launcher-with-avatar .daodream-launcher-button {
        background-size: 48px 48px;
        border-width: 0
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-message .daodream-launcher-button {
        visibility: visible
    }

    #daodream-container .daodream-launcher-button {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 48px;
        height: 48px;
        cursor: pointer;
        box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .1), inset 0 -1px 1px 0 rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .01), 0 3px 5px 1px rgba(0, 0, 0, .1), 0 9px 14px 0 rgba(0, 0, 0, .2);
        background-image: url(), linear-gradient(180deg, rgba(66, 150, 255, .8) 0, rgba(10, 109, 235, .8));
        background-color: #3890ff;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 48px;
        border-radius: 25px
    }

    #daodream-container #daodream-container.daodream-acquire .daodream-launcher-button {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 22px 22px
    }

    #daodream-container #daodream-container.daodream-learn .daodream-launcher-button {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 22px 20px
    }

    #daodream-container .daodream-launcher-maximized .daodream-launcher-button {
        background-image: url();
        background-repeat: no-repeat;
        background-size: 22px 22px
    }

    #daodream-container .daodream-launcher-badge {
        position: absolute;
        top: -4px;
        right: -3px;
        width: 18px;
        height: 18px;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background-color: #ff3c00;
        border-radius: 50%
    }

    #daodream-container .daodream-launcher-initials {
        font-size: 22px;
        font-weight: 700;
        line-height: 48px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background-image: linear-gradient(0, #1e67f9, #2b8bfb);
        border-radius: 25px
    }

    #daodream-container .daodream-launcher-preview {
        position: absolute;
        right: 0;
        bottom: 66px;
        max-width: 240px;
        min-width: 170px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #455a64;
        color: #333;
        cursor: pointer;
        background: #fff;
        border-radius: 4px
    }

    #daodream-container .daodream-launcher-preview-header {
        display: flex;
        justify-content: space-between;
        padding: 12px 14px;
        background-color: #f7f8fa;
        border-radius: 4px 4px 0 0;
        border-bottom: 1px solid #f2f2f2;
        font-size: 18px;
        font-weight: 300;
        line-height: 24px
    }

    #daodream-container .daodream-launcher-preview .daodream-comment-body {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-launcher-preview:after, #daodream-container .daodream-launcher-preview:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        content: "";
        border-radius: 4px
    }

    #daodream-container .daodream-launcher-preview:before {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        background: hsla(0, 0%, 67%, .24);
        background-image: linear-gradient(180deg, #eee, hsla(0, 0%, 67%, .24))
    }

    #daodream-container .daodream-launcher-preview:after {
        background-color: #fff
    }

    #daodream-container .daodream-launcher-preview:hover .daodream-launcher-preview-close {
        opacity: 1
    }

    #daodream-container .daodream-launcher-preview {
        box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .23)
    }

    #daodream-container .daodream-launcher-preview-caret:after, #daodream-container .daodream-launcher-preview-caret:before {
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        pointer-events: none;
        content: "";
        border: solid transparent
    }

    #daodream-container .daodream-launcher-preview-caret:after {
        right: 16px;
        border-width: 10px;
        border-top-color: #fff
    }

    #daodream-container .daodream-launcher-preview-multi-line {
        bottom: -8px
    }

    #daodream-container .daodream-launcher-preview-multi-line .daodream-launcher-preview-caret:before {
        bottom: 27px
    }

    #daodream-container .daodream-launcher-preview-multi-line .daodream-launcher-preview-caret:after {
        bottom: 28px
    }

    #daodream-container .daodream-launcher-preview-body {
        padding: 12px 14px;
        cursor: pointer;
        max-width: 229px;
        word-wrap: break-word;
        word-break: normal
    }

    #daodream-container .daodream-launcher-preview-body a.daodream-h2b-button, #daodream-container .daodream-launcher-preview-body div.daodream-h2b-facebook, #daodream-container .daodream-launcher-preview-body div.daodream-h2b-twitter, #daodream-container .daodream-launcher-preview-body div.daodream-h2b-video, #daodream-container .daodream-launcher-preview-body img, #daodream-container .daodream-launcher-preview-body ol, #daodream-container .daodream-launcher-preview-body ul, #daodream-container .daodream-launcher-preview-body video {
        display: none
    }

    #daodream-container .daodream-launcher-preview-body a, #daodream-container .daodream-launcher-preview-body b, #daodream-container .daodream-launcher-preview-body h1, #daodream-container .daodream-launcher-preview-body h2, #daodream-container .daodream-launcher-preview-body i, #daodream-container .daodream-launcher-preview-body p {
        display: inline;
        margin: 0;
        word-wrap: break-word;
        cursor: pointer;
        font-style: normal;
        font-weight: 400
    }

    #daodream-container .daodream-launcher-preview-body.daodream-launcher-preview-metadata {
        font-style: italic
    }

    #daodream-container .daodream-launcher-preview-close {
        position: absolute;
        top: 15px;
        right: 12px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        background-image: url();
        background-repeat: no-repeat;
        background-size: 18px 18px;
        opacity: .4
    }

    @media (max-width: 480px) {
        #daodream-container .daodream-launcher-preview {
            max-width: 200px
        }
    }

    #daodream-container .daodream-launcher-preview-admins-and-app {
        cursor: pointer
    }

    #daodream-container .daodream-launcher-preview-admins, #daodream-container .daodream-launcher-preview-app-name {
        text-align: center;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-preview-app-name {
        padding-bottom: 5px;
        padding-bottom: 8px;
        font-size: 15px;
        font-weight: 500;
        line-height: 18px
    }

    #daodream-container .daodream-launcher-preview-admins {
        margin-bottom: 0
    }

    #daodream-container .daodream-launcher-preview-admins .daodream-active-admin-avatar, #daodream-container .daodream-launcher-preview-admins .daodream-active-admin-avatar img {
        width: 44px;
        height: 44px;
        margin: 0 auto;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-preview-admins .daodream-active-admin-default-avatar {
        line-height: 44px
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-preview.daodream-launcher-with-admins {
        width: 350px
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-preview.daodream-launcher-with-admins .daodream-launcher-preview {
        max-width: 256px;
        padding: 8px 24px 12px
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-preview.daodream-launcher-with-admins .daodream-launcher-preview-body {
        padding-top: 8px;
        font-size: 14px;
        line-height: 16px;
        text-align: center
    }

    #daodream-container .daodream-launcher-active.daodream-launcher-with-preview.daodream-launcher-with-admins .daodream-active-admin {
        margin: 0 6px
    }

    #daodream-container .daodream-launcher-hovercard {
        cursor: pointer;
        position: absolute;
        right: -5px;
        bottom: 64px;
        background-color: #fafafb;
        width: 340px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 0 10px rgba(0, 0, 0, .08)
    }

    #daodream-container .daodream-launcher-hovercard:after, #daodream-container .daodream-launcher-hovercard:before {
        top: 100%;
        right: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    #daodream-container .daodream-launcher-hovercard:after {
        border-color: rgba(250, 250, 251, 0);
        border-top-color: #fafafb;
        border-width: 8px;
        margin-left: -5px;
        right: 21px
    }

    #daodream-container .daodream-launcher-hovercard:before {
        border-color: hsla(0, 0%, 80%, 0);
        border-top-color: rgba(0, 0, 0, .14);
        border-width: 9px;
        margin-left: -6px
    }

    #daodream-container .daodream-launcher-hovercard-welcome {
        background-color: #fff;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #dfe0e1;
        box-shadow: 0 1px 1px #f0f0f1;
        padding: 26px 20px;
        overflow: hidden;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-hovercard-admins {
        width: 107px;
        position: relative;
        float: left;
        height: 50px;
        cursor: pointer;
        text-align: center
    }

    #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-avatar, #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-avatar img {
        width: 46px;
        height: 46px
    }

    #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-fallback-avatar {
        line-height: 46px;
        font-size: 18.4px
    }

    #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-avatar, #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-fallback-avatar {
        position: relative;
        display: inline-block;
        top: 0;
        border: 2px solid #fff;
        cursor: pointer;
        margin-left: -22px;
        z-index: 2147483002
    }

    #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-avatar:first-child, #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-fallback-avatar:first-child {
        margin-left: 0;
        z-index: 2147483003
    }

    #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-avatar:last-child, #daodream-container .daodream-launcher-hovercard-admins .daodream-admin-fallback-avatar:last-child {
        z-index: 2147483001
    }

    #daodream-container .daodream-launcher-hovercard-text {
        float: right;
        width: 174px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-hovercard-app-name {
        font-weight: 700;
        font-size: 14px;
        color: #37474f;
        margin-bottom: 7px;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-hovercard-welcome-text {
        font-size: 12px;
        color: #78909c;
        line-height: 1.5;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-hovercard-textarea {
        padding: 18px 16px;
        font-size: 16px;
        border-radius: 0 0 5px 5px;
        height: 42px;
        cursor: pointer
    }

    #daodream-container .daodream-launcher-hovercard-textarea textarea {
        width: 100%;
        height: 42px;
        box-sizing: border-box;
        background-color: #fff;
        font-weight: 400;
        color: #455a64;
        resize: none;
        border: 1px solid #cfd8dc;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 70px 5px 14px;
        border-radius: 4px
    }

    #daodream-container .daodream-launcher-hovercard-textarea textarea::-webkit-input-placeholder {
        color: #b0bec5;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-launcher-hovercard-textarea textarea::-moz-placeholder {
        color: #b0bec5;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    #daodream-container .daodream-launcher-hovercard-textarea textarea:-ms-input-placeholder {
        color: #b0bec5;
        font-style: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    #modal {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        border: 0;
        outline: none;
        opacity: 1;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, Neue Haas Grotesk Text Pro, Arial Nova, Segoe UI, Helvetica Neue, \.PingFang SC, PingFang SC, Microsoft YaHei, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, Hiragino Sans GB, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        z-index: 9999999999
    }

    #modal .btn {
        display: inline-block;
        padding: .375rem 1rem;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        border-radius: .25rem
    }

    #modal .btn.ghost {
        color: #373a3c;
        background-color: #fff;
        border-color: #ccc
    }

    #modal .btn.primary {
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8
    }

    #modal .cs-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        background-color: rgba(0, 0, 0, .85);
        transition: all 1s ease-in-out 0s
    }

    #modal .cs-message {
        width: 100%;
        height: 100%;
        padding: 40px;
        box-sizing: border-box;
        display: flex;
        align-items: center
    }

    #modal .cs-message-container {
        position: relative;
        margin: auto;
        background-color: #fff;
        border-radius: 7px;
        box-shadow: 0 3px 32px 0 rgba(0, 0, 0, .14);
        font-size: 14px;
        color: #494c5d;
        overflow: hidden
    }

    @media only screen and (max-width: 460px) {
        #modal .cs-message {
            padding: 5px
        }
    }

    #modal .cs-mask {
        z-index: 2147483553
    }

    #modal .cs-mask, #modal .cs-mask div {
        position: absolute
    }

    #modal .cs-mask-top {
        top: -5px;
        width: 100%;
        height: 10px;
        cursor: n-resize
    }

    #modal .cs-mask-bottom {
        width: 100%;
        height: 10px;
        cursor: s-resize;
        bottom: -5px
    }

    #modal .cs-mask-left {
        left: -5px;
        height: 100%;
        width: 10px;
        cursor: w-resize
    }

    #modal .cs-mask-right {
        right: -5px;
        height: 100%;
        width: 10px;
        cursor: e-resize
    }

    #modal .cs-mask-top-right {
        top: -5px;
        right: -5px;
        height: 10px;
        width: 10px;
        cursor: ne-resize
    }

    #modal .cs-mask-top-left {
        top: -5px;
        left: -5px;
        height: 10px;
        width: 10px;
        cursor: nw-resize
    }

    #modal .cs-mask-bottom-left {
        bottom: -5px;
        left: -5px;
        height: 10px;
        width: 10px;
        cursor: sw-resize
    }

    #modal .cs-mask-bottom-right {
        bottom: -5px;
        right: -5px;
        height: 10px;
        width: 10px;
        cursor: se-resize
    }

    #modal.active .cs-overlay {
        display: block;
        z-index: 2147483552
    }

    .cs-overlay-bottom, .cs-overlay-top {
        width: 100%
    }

    .modal-open {
        overflow: hidden
    }</style>
    <style type="text/css">.notification-wrapper[_v-816c231c] {
        width: 100%;
        height: 100%;
        padding: 12px 10px 17px;
        box-sizing: border-box
    }

    .daodream-card-title[_v-816c231c] {
        padding: 0 0 11px
    }

    .notification-channels-card[_v-816c231c] {
        display: table;
        width: 100%;
        position: relative
    }

    .notification-channels-card-input[_v-816c231c] {
        display: table-cell;
        vertical-align: top;
        position: relative
    }

    .notification-channels-card-input .notication-input-placeholder[_v-816c231c] {
        padding: 4px 12px 0;
        font-weight: 400;
        line-height: 32px;
        color: #a5adb6;
        cursor: text;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 1
    }

    .notification-channels-card-input .notication-input-placeholder[_v-816c231c], .notification-channels-card-input .notification-input[_v-816c231c] {
        position: absolute;
        box-sizing: border-box;
        height: 40px;
        width: 100%;
        font-size: 14px;
        font-family: intercom-font, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .notification-channels-card-input .notification-input[_v-816c231c] {
        z-index: 2;
        padding: 0 12px;
        color: #565867;
        border-radius: 4px 0 0 4px;
        border: 1px solid #38a652;
        border-right: 0;
        outline: medium;
        -webkit-appearance: none;
        transition: border .3s, color .4s .6s, padding .3s .6s, height .4s 1s
    }

    .notification-channels-card-button[_v-816c231c] {
        display: table-cell;
        width: 40px;
        vertical-align: top
    }

    .notification-channels-card-button [_v-816c231c]:hover {
        opacity: .7
    }

    .notification-channels-card-button .notification-submit[_v-816c231c] {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 0 4px 4px 0;
        background-color: #38a652;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
        transition: border-radius .3s, opacity .3s .6s, height .4s 1s;
        color: #fff;
        text-align: center;
        cursor: pointer
    }

    .notification-input-error input[_v-816c231c] {
        border: 1px solid #fcedef;
        background-color: #fcedef
    }

    .notication-error[_v-816c231c] {
        position: relative;
        height: 22px
    }

    .notication-error .notication-error-text[_v-816c231c] {
        position: absolute;
        bottom: 0;
        color: #fc576b;
        font-size: 13px;
        line-height: 10px
    }

    .notication-input-success[_v-816c231c] {
        position: relative
    }

    .notication-input-success-text[_v-816c231c] {
        opacity: .7;
        padding-left: 0;
        border: 1px solid #fff;
        font-weight: 400;
        color: #a8b6c2;
        -webkit-text-fill-color: #a8b6c2;
        overflow: hidden;
        text-overflow: ellipsis
    }</style>
    <style type="text/css">.news-wrapper [_v-d1c40ab2] {
        cursor: pointer
    }

    .news-wrapper .news-body[_v-d1c40ab2] {
        padding: 12px 10px 17px
    }

    .news-wrapper .news-title[_v-d1c40ab2] {
        font-size: 17px;
        line-height: 24px;
        color: #007eba;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .news-wrapper .news-desc[_v-d1c40ab2] {
        font-size: 14px;
        color: #888;
        margin-top: 7px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .news-wrapper .news-footer[_v-d1c40ab2] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 26px;
        line-height: 26px;
        box-sizing: border-box;
        border-top: 1px solid #ccc;
        padding: 0 10px;
        overflow: hidden
    }

    .news-wrapper .news-footer .news-from-icon[_v-d1c40ab2] {
        width: 16px;
        height: 16px
    }

    .news-wrapper .news-footer .news-from-icon img[_v-d1c40ab2] {
        width: 100%;
        height: 100%;
        margin: 0 !important
    }

    .news-wrapper .news-footer .news-from[_v-d1c40ab2] {
        height: 20px;
        line-height: 20px;
        color: #888;
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 8px
    }</style>
    <style type="text/css">.innerhtml-wrapper[_v-480791ac] {
        min-height: 100px
    }

    .innerhtml-wrapper [_v-480791ac] {
        cursor: pointer
    }

    .innerhtml-wrapper iframe[_v-480791ac] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: none;
        background-color: #fff
    }</style>
    <style type="text/css">.cs-mtext[_v-29ef5c29] {
        min-width: 600px;
        max-width: 800px
    }

    .cs-message-close[_v-29ef5c29] {
        width: 72px;
        height: 72px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        background-image: url();
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        cursor: pointer
    }

    .cs-message-close[_v-29ef5c29]:hover {
        background: reset
    }

    .cs-message-content[_v-29ef5c29] {
        margin-top: 60px;
        margin-bottom: 70px;
        padding: 0 30px;
        color: #4c495d
    }</style>
    <style type="text/css">.cs-mframe[_v-74f27721] {
        width: 100%;
        height: 100%
    }

    .cs-message-close[_v-74f27721] {
        width: 72px;
        height: 72px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        background-image: url();
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        cursor: pointer
    }

    .cs-message-close[_v-74f27721]:hover {
        background: reset
    }

    .cs-message-content[_v-74f27721] {
        box-sizing: border-box;
        padding: 60px 30px 70px;
        height: 100%
    }

    .cs-message-content-iframe[_v-74f27721] {
        width: 100%;
        height: 100%
    }</style>
    <style type="text/css">.cs-mtext[_v-04cbf99c] {
        min-width: 600px;
        max-width: 800px
    }

    .dao-dialog-header[_v-04cbf99c] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 20px;
        background-color: #e6e9ed;
        border-radius: 4px 4px 0 0;
        box-shadow: inset 0 -1px 0 rgba(204, 209, 217, .5);
        color: #3d444f;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px
    }

    .dao-dialog-header .dao-close[_v-04cbf99c] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .dao-dialog-header .dao-close svg[_v-04cbf99c] {
        width: 16px;
        height: 16px;
        fill: #aab2bd
    }

    .dao-dialog-header .dao-close svg[_v-04cbf99c]:hover {
        fill: #656d78
    }

    .dao-dialog-body[_v-04cbf99c] {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 20px 22px;
        padding: 20px;
        background-color: #fff;
        color: #3d444f;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 60vh
    }

    .dao-btn[_v-04cbf99c] {
        display: inline-block;
        font-weight: 400;
        border: 1px solid transparent;
        outline: none !important;
        background-image: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        box-sizing: border-box;
        padding: 8px 17px;
        font-size: 14px;
        line-height: 1;
        border-radius: 4px
    }

    .dao-btn + .dao-btn[_v-04cbf99c] {
        margin-left: 10px
    }

    .blue[_v-04cbf99c] {
        color: #fff;
        border-color: #217ef2;
        background-color: #3890ff;
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .06), hsla(0, 0%, 100%, .06)), linear-gradient(0deg, rgba(9, 109, 236, .5), rgba(76, 155, 255, .5));
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .08), 0 1px 1px rgba(0, 0, 0, .08);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
    }

    .ghost[_v-04cbf99c] {
        color: #3d444f;
        border-color: #ccd1d9;
        background: none;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .9), 0 1px 0 hsla(0, 0%, 100%, .9);
        text-shadow: 0 1px 0 hsla(0, 0%, 100%, .9)
    }

    .dao-dialog-footer[_v-04cbf99c] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 9px 20px;
        background-color: #e6e9ed;
        border-radius: 0 0 4px 4px;
        box-shadow: inset 0 1px 0 rgba(204, 209, 217, .5)
    }</style>
</head>
<body><!-- uiView: -->
<div class="app app-header-fixed app-aside-fixed ng-scope"
     ng-class="{&#39;app-header-fixed&#39;:app.settings.headerFixed, &#39;app-aside-fixed&#39;:app.settings.asideFixed, &#39;app-aside-folded&#39;:app.settings.asideFolded, &#39;app-aside-dock&#39;:app.settings.asideDock, &#39;container&#39;:app.settings.container}"
     id="app" ui-view="">
    <div ng-controller="templateController" class="ng-scope">
        <div class="do-container fixed-header page-tplList">
            <!-- uiView: header@template -->
            <div ui-view="header@template" class="ng-scope"><input type="checkbox" id="do-m-menustate"
                                                                   class="do-m-menustate ng-scope">
                <div class="header do-middle ng-scope">
                    <div class="container do-middle-center">
                        <div class="left">
                            <div class="logo">
                                <!-- ngRepeat: logo in servicerSetting.siteLogo track by $index --><img
                                    ng-repeat="logo in servicerSetting.siteLogo track by $index"
                                    ng-src="http://bk.image.styleweb.com.cn/sp/1488957354891" class="ng-scope"
                                    src="./建筑_files/1488957354891">
                                <!-- end ngRepeat: logo in servicerSetting.siteLogo track by $index -->
                            </div>
                        </div>
                        <label class="do-m-menustate" for="do-m-menustate"><span
                                class="do-m-menustate-span"></span></label>
                        <div class="auto do-header-m">
                            <!-- ngIf: !isLogin() -->
                            <div ng-if="!isLogin()" class="login do-m-login ng-scope">
                                <a ui-sref="login" class="do-btnLogin" href="http://uc.zhuzi.me/#/login">
                                    <span>登录</span>
                                </a>
                                <a ui-sref="register" class="do-btnReg" href="http://uc.zhuzi.me/#/register">
                                    <span>注册</span>
                                </a>
                            </div><!-- end ngIf: !isLogin() -->
                            <!-- ngIf: isLogin() -->
                            <div class="auto">
                                <div class="nav-bar">
                                    <!-- ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                    <!-- ngIf: !menuItem.disable --><a
                                        ng-repeat="menuItem in servicerSetting.info.menu_decode track by $index"
                                        ng-if="!menuItem.disable" ng-href="http://www.zhuzi.me" target="_self"
                                        class="ng-binding ng-scope" href="http://www.zhuzi.me/">首页</a>
                                    <!-- end ngIf: !menuItem.disable -->
                                    <!-- end ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                    <!-- ngIf: !menuItem.disable --><a
                                        ng-repeat="menuItem in servicerSetting.info.menu_decode track by $index"
                                        ng-if="!menuItem.disable" ng-href="/template" target="_self"
                                        class="ng-binding ng-scope" href="http://uc.zhuzi.me/template">模板</a>
                                    <!-- end ngIf: !menuItem.disable -->
                                    <!-- end ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                    <!-- ngIf: !menuItem.disable --><a
                                        ng-repeat="menuItem in servicerSetting.info.menu_decode track by $index"
                                        ng-if="!menuItem.disable" ng-href="http://www.zhuzi.me/7557.html" target="_self"
                                        class="ng-binding ng-scope" href="http://www.zhuzi.me/7557.html">案例</a>
                                    <!-- end ngIf: !menuItem.disable -->
                                    <!-- end ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                    <!-- ngIf: !menuItem.disable --><a
                                        ng-repeat="menuItem in servicerSetting.info.menu_decode track by $index"
                                        ng-if="!menuItem.disable" ng-href="http://www.zhuzi.me/about" target="_self"
                                        class="ng-binding ng-scope" href="http://www.zhuzi.me/about">关于</a>
                                    <!-- end ngIf: !menuItem.disable -->
                                    <!-- end ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                    <!-- ngIf: !menuItem.disable --><a
                                        ng-repeat="menuItem in servicerSetting.info.menu_decode track by $index"
                                        ng-if="!menuItem.disable" ng-href="http://www.zhuzi.me/html5jiaocheng"
                                        target="_self" class="ng-binding ng-scope"
                                        href="http://www.zhuzi.me/html5jiaocheng">教程</a>
                                    <!-- end ngIf: !menuItem.disable -->
                                    <!-- end ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                    <!-- ngIf: !menuItem.disable --><a
                                        ng-repeat="menuItem in servicerSetting.info.menu_decode track by $index"
                                        ng-if="!menuItem.disable" ng-href="http://bbs.zhuzi.me/" target="_self"
                                        class="ng-binding ng-scope" href="http://bbs.zhuzi.me/">论坛</a>
                                    <!-- end ngIf: !menuItem.disable -->
                                    <!-- end ngRepeat: menuItem in servicerSetting.info.menu_decode track by $index -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-wrapper page-tpl-banner">
                <div class="banner container">
                    <div class="do-middle">
                        <div class="do-middle-center text-left">
                            <img src="./建筑_files/e4e8e1e7619aea9d38158892b44ed816.png">
                        </div>
                    </div>
                </div>
            </div>
            <div class="wrapper">
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-12">
                        <div class="panel wrapper">
                            <div>
                                <h4>选择类型</h4>
                                <ul class="nav nav-pills nav-sm">
                                    <!-- ngRepeat: type in tplTypes track by $index -->
                                    <li ng-repeat="type in tplTypes track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentTypeid==type.id}"
                                        class="ng-scope active">
                                        <a ng-click="$parent.currentTypeid=type.id;$parent.currentCategoryid=0;
                               getCategoriesList(type.id);templateListAction(1)" class="ng-binding">全部</a>
                                    </li><!-- end ngRepeat: type in tplTypes track by $index -->
                                    <li ng-repeat="type in tplTypes track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentTypeid==type.id}" class="ng-scope">
                                        <a ng-click="$parent.currentTypeid=type.id;$parent.currentCategoryid=0;
                               getCategoriesList(type.id);templateListAction(1)" class="ng-binding">个人</a>
                                    </li><!-- end ngRepeat: type in tplTypes track by $index -->
                                    <li ng-repeat="type in tplTypes track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentTypeid==type.id}" class="ng-scope">
                                        <a ng-click="$parent.currentTypeid=type.id;$parent.currentCategoryid=0;
                               getCategoriesList(type.id);templateListAction(1)" class="ng-binding">企业</a>
                                    </li><!-- end ngRepeat: type in tplTypes track by $index -->
                                    <li ng-repeat="type in tplTypes track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentTypeid==type.id}" class="ng-scope">
                                        <a ng-click="$parent.currentTypeid=type.id;$parent.currentCategoryid=0;
                               getCategoriesList(type.id);templateListAction(1)" class="ng-binding">机构</a>
                                    </li><!-- end ngRepeat: type in tplTypes track by $index -->
                                    <li ng-repeat="type in tplTypes track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentTypeid==type.id}" class="ng-scope">
                                        <a ng-click="$parent.currentTypeid=type.id;$parent.currentCategoryid=0;
                               getCategoriesList(type.id);templateListAction(1)" class="ng-binding">其他</a>
                                    </li><!-- end ngRepeat: type in tplTypes track by $index -->
                                </ul>
                            </div>
                            <div class="m-t-md">
                                <h4>选择分类</h4>
                                <ul class="nav nav-pills nav-sm">
                                    <li ng-class="{&#39;active&#39;:currentCategoryid==0}" class="active">
                                        <a href="" ng-click="currentCategoryid=0;templateListAction(1)">全部</a>
                                    </li>
                                    <!-- ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">企业</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">个人</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">产品/展示</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">金融/商业</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">食品</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">活动</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">预定</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">IT互联网</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">科技</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">婚纱/摄影</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">服装</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">珠宝</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">教育/培训机构</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">家居装修</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">律师</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">设计/平面设计</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">运动</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">酒店</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                    <li ng-repeat="categoryItem in templateCategories track by $index"
                                        ng-class="{&#39;active&#39;:$parent.currentCategoryid==categoryItem.id}"
                                        class="ng-scope">
                                        <a href=""
                                           ng-click="$parent.currentCategoryid=categoryItem.id;templateListAction(1)"
                                           class="ng-binding">旅游</a>
                                    </li><!-- end ngRepeat: categoryItem in templateCategories track by $index -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel no-bg  no-shadow">
                    <div class="panel-body">
                        <!-- ngIf: httpProcessing.processing -->
                        <!-- ngIf: !httpProcessing.processing && templateList.list.length==0 -->
                        <!-- ngIf: !httpProcessing.processing && templateList.list.length>0 -->
                        <div class="row m-t-lg ng-scope"
                             ng-if="!httpProcessing.processing &amp;&amp; templateList.list.length&gt;0">
                            <!-- ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1500349694230"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1500349694230?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:vivi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="医疗器械网站模板">
                                                医疗器械网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding"
                                               title="医疗器械网站模板,医疗网站模板，医疗器械器具网站模板">
                                                医疗器械网站模板,医疗网站模板，医疗器械器具网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1500288082051"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1500288082051?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:wl</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="服装网站模板">
                                                服装网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="服装网站模板、箱包模板">
                                                服装网站模板、箱包模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1499948769062"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1499948769062?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:vivi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="茶叶网站模板、茶叶公司网站模板">
                                                茶叶网站模板、茶叶公司网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="茶叶网站模板、茶叶公司网站模板">
                                                茶叶网站模板、茶叶公司网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1499689616800"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1499689616800?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="宠物模板">
                                                宠物模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding"
                                               title="宠物模板,宠物医院模板，宠物店模板">
                                                宠物模板,宠物医院模板，宠物店模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1499171169694"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1499171169694?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:vivi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="花店模板 植物模板">
                                                花店模板 植物模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="">
                                                暂无简介</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1499170959763"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1499170959763?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:xff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="咖啡模板 饮品模板">
                                                咖啡模板 饮品模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="咖啡模板 饮品模板">
                                                咖啡模板 饮品模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720040671"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720040671?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:vivi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="汽车网站模板">
                                                汽车网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="汽车网站模板">
                                                汽车网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720229363"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720229363?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ws</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="建筑装饰行业网站模板">
                                                建筑装饰行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="建筑装饰行业网站模板">
                                                建筑装饰行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720661602"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720661602?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ws</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="建筑行业网站模板">
                                                建筑行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="建筑行业网站模板">
                                                建筑行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720680979"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720680979?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:xff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="网站建设模板">
                                                网站建设模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="网站建设模板">
                                                网站建设模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720702432"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720702432?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:vivi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="健身网站模板">
                                                健身网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="健身网站模板">
                                                健身网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720721030"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720721030?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:xff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="服装行业网站模板">
                                                服装行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="服装行业网站模板">
                                                服装行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720744072"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720744072?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ws</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="家具行业网站模板">
                                                家具行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="家具行业网站模板">
                                                家具行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720789403"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720789403?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:liuyi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="品牌设计模板">
                                                品牌设计模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="品牌设计模板">
                                                品牌设计模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720802357"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720802357?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:liuyi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="财务网站模板">
                                                财务网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="财务网站模板">
                                                财务网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/1498720818234"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720818234?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:liuyi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="保险公司网站模板">
                                                保险公司网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="保险公司网站模板">
                                                保险公司网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720851511?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ws</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="医疗行业网站模板">
                                                医疗行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="医疗行业网站模板">
                                                医疗行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720871315?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ws</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="服装行业网站模板">
                                                服装行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="服装行业网站模板">
                                                服装行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720939730?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:liuyi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="酒店网站模板，酒店预订网站模板">
                                                酒店网站模板，酒店预订网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="酒店网站模板，酒店预订网站模板">
                                                酒店网站模板，酒店预订网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720958149?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:xff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="花卉租赁模板">
                                                花卉租赁模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="花卉租赁模板">
                                                花卉租赁模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498720975313?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:xff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="机械产品模板">
                                                机械产品模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="机械产品模板">
                                                机械产品模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498721005442?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:xff</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="植物租赁网站模板">
                                                植物租赁网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="植物租赁网站模板">
                                                植物租赁网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498721037132?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:ws</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="旅游行业网站模板">
                                                旅游行业网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="旅游行业网站模板">
                                                旅游行业网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 m-b-xxl template-List-col inline ng-scope"
                                 ng-repeat="tplItem in templateList.list track by $index">
                                <div class="do-gallery-item">
                                    <div class="do-gallery-thumb-w">
                                        <div class="do-gallery-thumb" ng-mouseenter="tplBoxMoveUpEvent($event)"
                                             ng-mouseleave="tplBoxMoveDownEvent($event)">
                                            <img class="tpl-img" src="./建筑_files/j4jcf38m.jpg"
                                                 lazy-img="http://bk.image.styleweb.com.cn/sp/1498721143815?imageMogr2/crop/x900/thumbnail/500x">
                                        </div>
                                    </div>
                                    <div class="tpl-body">
                                        <div>
                                            <!-- ngIf: tplItem.author --><span
                                                class="pull-right tpl-author text-base none color-999 ng-binding ng-scope"
                                                ng-if="tplItem.author">作者:liuyi</span><!-- end ngIf: tplItem.author -->
                                            <div class="tpl-name text-lg color-666 ng-binding" title="瑜伽网站模板">
                                                瑜伽网站模板
                                            </div>
                                        </div>
                                        <div class="tpl-desc">
                                            <p class="text-base color-999 m-b-none ng-binding" title="瑜伽网站模板，健身网站模板">
                                                瑜伽网站模板，健身网站模板</p>
                                        </div>
                                    </div>
                                    <div class="tpl-footer">
                                        <div class="tpl-action pull-right">
                                            <a class="btn btn-default color-999 m-r-xs r-2x"
                                               ng-click="isPreviewTpl=true;previewAction(tplItem);">预览模板</a>
                                            <!-- ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                            <button class="btn btn-primary r-2x ng-binding ng-scope"
                                                    ng-if="servicerModules.site_create.enable &amp;&amp; servicerModules.site_create.value&gt;0"
                                                    ng-click="createAction(tplItem.tplid)">免费试用
                                            </button>
                                            <!-- end ngIf: servicerModules.site_create.enable && servicerModules.site_create.value>0 -->
                                        </div>
                                        <div class="tpl-price">
                                            <span class="text-primary tpl-price-current m-r-xs">¥<span
                                                    class="ng-binding">&nbsp;0</span></span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end ngRepeat: tplItem in templateList.list track by $index -->
                        </div><!-- end ngIf: !httpProcessing.processing && templateList.list.length>0 -->
                    </div>
                    <div class="panel-footer row no-bg text-center"
                         ng-show="!httpProcessing.processing &amp;&amp; templateList.total&gt;0&amp;&amp;numPages&gt;1"
                         style="">
                        <ul class="pagination-sm m-t-none m-b pagination ng-isolate-scope ng-not-empty ng-valid"
                            boundary-links="true" ng-change="templateListAction(currentPage)"
                            total-items="templateList.total" items-per-page="pageSize" ng-model="currentPage"
                            max-size="10" num-pages="numPages" force-ellipses="true" previous-text="‹" next-text="›"
                            first-text="«" last-text="»">
                            <!-- ngIf: boundaryLinks -->
                            <li ng-if="boundaryLinks" ng-class="{disabled: noPrevious()}" class="ng-scope disabled"><a
                                    href="" ng-click="selectPage(1)" class="ng-binding">«</a></li>
                            <!-- end ngIf: boundaryLinks -->
                            <!-- ngIf: directionLinks -->
                            <li ng-if="directionLinks" ng-class="{disabled: noPrevious()}" class="ng-scope disabled"><a
                                    href="" ng-click="selectPage(page - 1)" class="ng-binding">‹</a></li>
                            <!-- end ngIf: directionLinks -->
                            <!-- ngRepeat: page in pages track by $index -->
                            <li ng-repeat="page in pages track by $index" ng-class="{active: page.active}"
                                class="ng-scope active"><a href="" ng-click="selectPage(page.number)"
                                                           class="ng-binding">1</a></li>
                            <!-- end ngRepeat: page in pages track by $index -->
                            <li ng-repeat="page in pages track by $index" ng-class="{active: page.active}"
                                class="ng-scope"><a href="" ng-click="selectPage(page.number)" class="ng-binding">2</a>
                            </li><!-- end ngRepeat: page in pages track by $index -->
                            <li ng-repeat="page in pages track by $index" ng-class="{active: page.active}"
                                class="ng-scope"><a href="" ng-click="selectPage(page.number)" class="ng-binding">3</a>
                            </li><!-- end ngRepeat: page in pages track by $index -->
                            <li ng-repeat="page in pages track by $index" ng-class="{active: page.active}"
                                class="ng-scope"><a href="" ng-click="selectPage(page.number)" class="ng-binding">4</a>
                            </li><!-- end ngRepeat: page in pages track by $index -->
                            <li ng-repeat="page in pages track by $index" ng-class="{active: page.active}"
                                class="ng-scope"><a href="" ng-click="selectPage(page.number)" class="ng-binding">5</a>
                            </li><!-- end ngRepeat: page in pages track by $index -->
                            <!-- ngIf: directionLinks -->
                            <li ng-if="directionLinks" ng-class="{disabled: noNext()}" class="ng-scope" style=""><a
                                    href="" ng-click="selectPage(page + 1)" class="ng-binding">›</a></li>
                            <!-- end ngIf: directionLinks -->
                            <!-- ngIf: boundaryLinks -->
                            <li ng-if="boundaryLinks" ng-class="{disabled: noNext()}" class="ng-scope"><a href=""
                                                                                                          ng-click="selectPage(totalPages)"
                                                                                                          class="ng-binding">»</a>
                            </li><!-- end ngIf: boundaryLinks -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- uiView: preview@template -->
        <div ui-view="preview@template" class="pop-tplShow ng-scope open" ng-class="{&#39;open&#39;:previewStatus}"
             id="tpl-preview" style="">
            <div class="pop-sidebar ng-scope" ng-init="initTemplatePage()">
                <div class="hd"><h1 class="vam"><i class="icon-menu"></i> <span>更多模板</span></h1></div>
                <div class="pop-tplList mod-tplList">
                    <ul class="clearfix">
                        <li>
                            <div class="block-img shadow">
                                <div class="img"><img src="./建筑_files/demo_t.jpg"></div>
                                <div class="hover-text animate">
                                    <div class="do-center">
                                        <a href="javascript:;" data-id="" class="nbtn btn-preview">预览模板</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="pop-content ng-scope">
                <div class="hd">
                    <div class="title">
                        <h1 class="tpl-title ng-binding">建筑行业网站模板</h1>
                    </div>
                    <div class="devices-view">
                        <span class="icon-phone_iphone" ng-class="{&#39;cur&#39;:previewDevice==&#39;phone&#39;}"
                              data-view="phone" ng-click="previewDeviceAction(&#39;phone&#39;)" style=""></span>
                        <span class="icon-tablet_mac" ng-class="{&#39;cur&#39;:previewDevice==&#39;pad&#39;}"
                              data-view="pad" ng-click="previewDeviceAction(&#39;pad&#39;)" style=""></span>
                        <span class="icon-desktop_windows cur" ng-class="{&#39;cur&#39;:previewDevice==&#39;pc&#39;}"
                              data-view="pc" ng-click="previewDeviceAction(&#39;pc&#39;)" style=""></span>
                    </div>
                    <div class="activation">
                        <!-- ngIf: isPreviewTpl --><a href="javascript:;" ng-if="isPreviewTpl"
                                                      class="btn btn-primary btn-use ng-scope"
                                                      ng-click="createAction(previewData.tplid)">立即使用</a>
                        <!-- end ngIf: isPreviewTpl -->
                        <div class="icon-closes close" ng-click="closePreviewAction()"></div>
                    </div>
                </div>
                <div class="do-siteFrame pc"
                     ng-class="{pc:previewDevice==&#39;pc&#39;,pad:previewDevice==&#39;pad&#39;,phone:previewDevice==&#39;phone&#39;}"
                     style="">
                    <iframe class="do-frameBox" id="preview-iframe" src="./建筑_files/saved_resource.html"></iframe>
                </div>
                <div class="qrcode">
                    <div id="qrcode"></div>
                    <p>扫一扫手机预览</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    window.SERVICER_SETTING = {
        "servicerid": 1,
        "show_logo_method": 3,
        "show_footer_method": 2,
        "discount": 2000,
        "is_avalible": true,
        "info": {
            "servicerid": 1,
            "uc_domain": "uc.zhuzi.me",
            "website_domain": "www.zhuzi.me",
            "logo": "http://bk.image.styleweb.com.cn/sp/1488957354891",
            "logo_text": "竹子建站",
            "menu": "[{\"name\":\"首页\",\"url\":\"http://www.zhuzi.me\",\"new_window\":false,\"disable\":false},{\"name\":\"模板\",\"url\":\"/template\",\"new_window\":false,\"disable\":false},{\"name\":\"案例\",\"url\":\"http://www.zhuzi.me/7557.html\",\"new_window\":false,\"disable\":false},{\"name\":\"关于\",\"url\":\"http://www.zhuzi.me/about\",\"new_window\":false,\"disable\":false},{\"name\":\"教程\",\"url\":\"http://www.zhuzi.me/html5jiaocheng\",\"new_window\":false,\"disable\":false},{\"name\":\"论坛\",\"url\":\"http://bbs.zhuzi.me/\",\"new_window\":false,\"disable\":false}]",
            "menu_decode": [{
                "name": "首页",
                "url": "http://www.zhuzi.me",
                "new_window": false,
                "disable": false
            }, {"name": "模板", "url": "/template", "new_window": false, "disable": false}, {
                "name": "案例",
                "url": "http://www.zhuzi.me/7557.html",
                "new_window": false,
                "disable": false
            }, {"name": "关于", "url": "http://www.zhuzi.me/about", "new_window": false, "disable": false}, {
                "name": "教程",
                "url": "http://www.zhuzi.me/html5jiaocheng",
                "new_window": false,
                "disable": false
            }, {"name": "论坛", "url": "http://bbs.zhuzi.me/", "new_window": false, "disable": false}]
        },
        "uc_theme": {
            "header": {"brand": "bg-white", "brand_text_color": "", "nav": "bg-green", "nav_text_color": ""},
            "sidebar": "bg-dark",
            "sidebar_text_color": "",
            "color": "green"
        },
        "modules": {
            "domain": {"enable": true, "value": ""},
            "integral": {"enable": true, "value": ""},
            "nav": {"enable": true, "value": ""},
            "notification": {"enable": true, "value": ""},
            "order": {"enable": true, "value": ""},
            "promote": {"enable": true, "value": ""},
            "purchase": {"enable": true, "value": ""},
            "register": {"enable": true, "value": ""},
            "site_bind_domain": {"enable": true, "value": ""},
            "site_copy": {"enable": true, "value": ""},
            "site_create": {"enable": true, "value": 100},
            "site_delete": {"enable": true, "value": ""},
            "site_edit": {"enable": true, "value": ""},
            "site_switch_node": {"enable": true, "value": ""},
            "site_transfer": {"enable": true, "value": ""}
        }
    };
    window.SERVICER_DETAIL = {
        "mobile": "18611171819",
        "company_name": "成都创享兄弟科技有限公司",
        "is_available": 1,
        "uc_domain": "uc.zhuzi.me",
        "website_domain": "www.zhuzi.me",
        "logo": "http://bk.image.styleweb.com.cn/sp/1488957354891",
        "logo_text": "竹子建站",
        "menu": "[{\"name\":\"首页\",\"url\":\"http://www.zhuzi.me\",\"new_window\":false,\"disable\":false},{\"name\":\"模板\",\"url\":\"/template\",\"new_window\":false,\"disable\":false},{\"name\":\"案例\",\"url\":\"http://www.zhuzi.me/7557.html\",\"new_window\":false,\"disable\":false},{\"name\":\"关于\",\"url\":\"http://www.zhuzi.me/about\",\"new_window\":false,\"disable\":false},{\"name\":\"教程\",\"url\":\"http://www.zhuzi.me/html5jiaocheng\",\"new_window\":false,\"disable\":false},{\"name\":\"论坛\",\"url\":\"http://bbs.zhuzi.me/\",\"new_window\":false,\"disable\":false}]",
        "menu_decode": null,
        "servicerid": 1
    };
    window.SERVICER_MODULES = window.SERVICER_SETTING.modules;
    window.STATICURL = "http://bk.st.styleweb.com.cn/ucenter/";
    window.STATICURL = window.STATICURL + "v2/";

    window.COOKIE_DOMAIN = "zhuzi.me";
    // 正式环境切换到 v2版本
    window.DEBUG = false;

    window.VERSION = {
        css: "2017720103339",
        js: "2017720103338"
    };
    window.FEATURES = {
        siteid: 923,
        pageid: 37045
    };
    window.UploadServer = location.host == 'uc.zhuzi.me' ? "http://upload.api.zhuzi.me" : location.protocol + "//" + location.host;

</script>
<script type="text/javascript">
    var obj = (document.getElementsByTagName('head')[0] || body),
            jsList = [
                "http://static.geetest.com/static/tools/gt.js",
                window.STATICURL + 'js/bundle.js?' + window.VERSION.js,
                window.STATICURL + 'js/jquery-3.1.0.min.js?' + window.VERSION.js,
                window.STATICURL + 'js/app.js?' + window.VERSION.js,
                "https://hm.baidu.com/hm.js?aa25ce7cfdf5bc31d2ba8cdc750af2fd"
            ],
            cssList = [
                window.STATICURL + '??css/bootstrap.css,css/animate.css,css/font-awesome.min.css,css/simple-line-icons.css,css/font.css?' + window.VERSION.css,
                window.STATICURL + '??css/loading-bar.min.css,css/sweetalert.css,font/style.css,css/style.css,css/uc_theme/bgColor.css?' + window.VERSION.css
            ],
            resourceNum = jsList.length + cssList.length,
            resNum = [],
            ucTheme = window.SERVICER_SETTING.uc_theme;


    // 动态加载站点主色系css
    var fileName = '';
    switch (ucTheme.color) {
        case 'blue':
            fileName = 'appBlue';
            break;
        case 'dark':
            fileName = 'appDark';
            break;
        case 'green':
            fileName = 'appGreen';
            break;
        case 'purple':
            fileName = 'appPurple';
            break;
        case 'red':
            fileName = 'appRed';
            break;
        case 'yellow':
            fileName = 'appYellow';
            break;
        default:
            fileName = 'appGreen';
    }
    cssList.push(window.STATICURL + 'css/uc_theme/' + fileName + '.css?' + window.VERSION.css);

    function removeLoading() {
        if (resNum.length == resourceNum) {
            document.body.removeChild(document.getElementById("app-loading-bar"));
        }
    }

    if (cssList.length) {
        for (var i in cssList) {
            css = document.createElement('link');
            css.onload = function () {
                resNum.push(1);
                removeLoading();
            };
            css.rel = 'stylesheet';
            css.href = cssList[i];
            obj.appendChild(css);
        }
    }

    function loadJS(num) {
        if (num >= jsList.length) {
            return
        }
        var js = document.createElement('script');
        js.type = 'text/javascript';
        js.onload = function () {
            resNum.push(1);
            removeLoading();
            loadJS(num + 1);
        };
        js.onerror = function () {
            resNum.push(1);
            removeLoading();
            loadJS(num + 1);
        };
        js.src = jsList[num];
        obj.appendChild(js);
    }

    loadJS(0);
</script>
<script src="./建筑_files/jquery.waypoints.min.js"></script>
<div class="daodream-container daodream-reset" id="daodream-container">
    <div class="daodream-launcher daodream-launcher-enabled daodream-launcher-active" id="daodream-launcher"
         style="bottom: 20px; right: 20px;">
        <div class="daodream-launcher-button daodream-launcher-maximized daodream-launcher-with-initials"
             style="background-image: url(), linear-gradient(rgba(36, 204, 111, 0.8) 0%, rgba(31, 132, 76, 0.8) 100%); background-color: rgb(34, 195, 106);"></div>
        <div class="daodream-launcher-badge">0</div>
        <div class="daodream-launcher-preview">
            <div class="daodream-launcher-preview-header"></div>
            <div class="daodream-launcher-preview-body"></div>
            <div class="daodream-launcher-preview-caret"></div>
            <div class="daodream-launcher-preview-close"></div>
        </div>
        <div class="daodream-launcher-hovercard" style="display: none;">
            <div class="daodream-launcher-hovercard-welcome">
                <div class="daodream-launcher-hovercard-admins"></div>
                <div class="daodream-launcher-hovercard-text">
                    <div class="daodream-launcher-hovercard-app-name"> Team</div>
                    <div class="daodream-launcher-hovercard-welcome-text">Ask us anything. We'd love to hear what
                        brought you to daodream!
                    </div>
                </div>
            </div>
            <div class="daodream-launcher-hovercard-textarea"><textarea placeholder="开始一个对话…"></textarea></div>
        </div>
    </div>
    <div class="daodream-messenger" id="daodream-messenger">
        <div class="daodream-sheet daodream-conversation daodream-emoji-support" style="height: 100%;">
            <div>
                <div slot="sheet-header" class="daodream-sheet-header"><a
                        class="daodream-sheet-header-button daodream-sheet-header-conversations-button">
                    <div class="daodream-sheet-header-button-icon"></div>
                    <div class="daodream-unread-counter">0</div>
                </a>
                    <div class="daodream-sheet-header-title-container"><b
                            class="daodream-sheet-header-title">竹子建站咨询中心</b></div>
                    <div class="daodream-sheet-header-generic-title">新消息</div>
                    <a class="daodream-sheet-header-button daodream-sheet-header-close-button">
                        <div class="daodream-sheet-header-button-icon"></div>
                    </a></div>
            </div>
            <div slot="sheet-body" class="daodream-sheet-body">
                <div class="daodream-sheet-spinner"></div>
            </div>
            <div slot="sheet-content" class="daodream-sheet-content" style="bottom: 80px;">
                <div class="daodream-sheet-content-container">
                    <div class="daodream-conversation-parts-container">
                        <div class="daodream-conversation-parts"></div>
                    </div>
                </div>
                <div></div>
            </div>
            <div>
                <div slot="sheet-footer" class="daodream-composer-container">
                    <form class="daodream-composer" id="daodream-composer" method="POST">
                        <div class="daodream-composer-upload-error">最大上传文档大小：40MB</div>
                        <div class="daodream-composer-textarea-container"><input class="daodream-composer-send-button"
                                                                                 type="submit" value="发送"
                                                                                 style="display: none;">
                            <div class="daodream-composer-emoji-selector-container">
                                <div class="daodream-emoji-selector" style="display: none;">
                                    <div class="daodream-emoji-selector-panel-small"><span class="daodream-emoji-icon"
                                                                                           title=":-)"><img
                                            class="emoji" draggable="false" alt="😄" src="./建筑_files/1f604.png"></span>
                                        <span class="daodream-emoji-icon" title=":-D"><img class="emoji"
                                                                                           draggable="false" alt="😃"
                                                                                           src="./建筑_files/1f603.png"></span>
                                        <span class="daodream-emoji-icon" title=";-)"><img class="emoji"
                                                                                           draggable="false" alt="😉"
                                                                                           src="./建筑_files/1f609.png"></span>
                                        <span class="daodream-emoji-icon" title="}-)"><img class="emoji"
                                                                                           draggable="false" alt="👿"
                                                                                           src="./建筑_files/1f47f.png"></span>
                                        <span class="daodream-emoji-icon" title=":-O"><img class="emoji"
                                                                                           draggable="false" alt="😮"
                                                                                           src="./建筑_files/1f62e.png"></span>
                                        <span class="daodream-emoji-icon" title=":-\"><img class="emoji"
                                                                                           draggable="false" alt="😕"
                                                                                           src="./建筑_files/1f615.png"></span>
                                        <span class="daodream-emoji-icon" title="X-("><img class="emoji"
                                                                                           draggable="false" alt="😲"
                                                                                           src="./建筑_files/1f632.png"></span>
                                        <span class="daodream-emoji-icon" title=":-("><img class="emoji"
                                                                                           draggable="false" alt="😩"
                                                                                           src="./建筑_files/1f629.png"></span>
                                        <span class="daodream-emoji-icon" title="B-)"><img class="emoji"
                                                                                           draggable="false" alt="😎"
                                                                                           src="./建筑_files/1f60e.png"></span>
                                        <span class="daodream-emoji-icon" title=":-P"><img class="emoji"
                                                                                           draggable="false" alt="😛"
                                                                                           src="./建筑_files/1f61b.png"></span>
                                        <span class="daodream-emoji-icon" title=":-@"><img class="emoji"
                                                                                           draggable="false" alt="😠"
                                                                                           src="./建筑_files/1f620.png"></span>
                                        <span class="daodream-emoji-icon" title=":-|"><img class="emoji"
                                                                                           draggable="false" alt="😐"
                                                                                           src="./建筑_files/1f610.png"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="daodream-composer-textarea"><span
                                    class="daodream-composer-action-button daodream-composer-emoji-button"
                                    title="插入表情符号" style="display: inline;"></span> <span
                                    class="daodream-composer-action-button daodream-composer-upload-button" title="发送附件"
                                    style="display: inline;"></span>
                                <pre><span></span><br></pre>
                                <textarea placeholder="写信息 回车发送"></textarea></div>
                        </div>
                        <div class="daodream-composer-press-enter-to-send" style="height: auto; display: none;">
                            按Enter发送
                        </div>
                        <div class="daodream-powered-by"><a target="_blank"
                                                            href="http://blog.daovoice.io/daovocie_manhua/?utm_source=%E7%AB%B9%E5%AD%90%E5%BB%BA%E7%AB%99%E5%92%A8%E8%AF%A2%E4%B8%AD%E5%BF%83&utm_campaign=39_campaign&utm_medium=daovoice_widget&utm_term=footer_link&utm_content=one_min"><i></i>
                            <span>一分钟了解&nbsp;<u>DaoVoice</u>&nbsp;</span></a></div>
                    </form>
                </div>
            </div>
        </div>
        <div class="daodream-sheet daodream-conversations-empty daodream-conversations daodream-new-message-enabled"
             style="height: 100%;">
            <div>
                <div slot="sheet-header" class="daodream-sheet-header">
                    <div class="daodream-sheet-header-title-container"><b
                            class="daodream-sheet-header-title">竹子建站咨询中心</b></div>
                    <a class="daodream-sheet-header-button daodream-sheet-header-close-button">
                        <div class="daodream-sheet-header-button-icon"></div>
                    </a></div>
            </div>
            <div slot="sheet-body" class="daodream-sheet-body">
                <div class="daodream-sheet-spinner"></div>
            </div>
            <div slot="sheet-content" class="daodream-sheet-content daodream-conversations-content">
                <div class="daodream-sheet-content-container">
                    <div class="daodream-conversations-items"></div>
                    <div class="daodream-conversations-spinner"></div>
                </div>
                <div class="daodream-no-conversations">
                    <div class="daodream-no-conversations-icon"></div>
                    无对话
                </div>
            </div>
            <div>
                <div slot="sheet-footer" class="daodream-sheet-footer daodream-conversations-footer"><a
                        class="daodream-conversations-new-conversation-button"><span
                        class="daodream-conversations-new-conversation-button-content"><i
                        class="daodream-conversations-new-conversation-button-icon"></i>新信息</span></a></div>
            </div>
        </div>
        <div class="daodream-sheet daodream-sheet-loading" id="daodream-loading">
            <div class="daodream-sheet-header">
                <div class="daodream-sheet-header-title-container"><b class="daodream-sheet-header-title">加载中...</b>
                </div>
                <a class="daodream-sheet-header-button daodream-sheet-header-close-button">
                    <div class="daodream-sheet-header-button-icon"></div>
                </a></div>
            <div class="daodream-sheet-body">
                <div class="daodream-sheet-spinner"></div>
            </div>
            <div class="daodream-sheet-content"></div>
        </div>
    </div>
</div>
</body>
</html>